Works with the AI tools you already use

    CClaude CodeCCursorCCodex CLIGGitHub CopilotGGemini CLIVVS CodeWWindsurf+15 more

    Nex Wobble Bridge Architecture

    by Nex AI

    2

    Canonical Next.js bridge for secure, real-time communication between browser UIs and local agent gateways.

    $7

    · or 35 credits

    30-day refund guarantee

    Secure checkout via Stripe

    0 installsNo reviews yet

    About this skill

    Architectural Bridge for Local Agent Gateways

    Modern browser-based agent UIs face a common networking hurdle: connecting a public-facing Next.js frontend to a local, private agent gateway (like OpenClaw) without exposing your backend to the public internet or hitting frustrating Cloudflare WebSocket timeouts.

    This skill implements the Two-Hop WebSocket Proxy architecture. It provides a robust communication layer that sits between your Next.js App Router and your local agent services. By mediating the connection through a Node.js shim, it enables real-time service status, log streaming, and action whitelisting while ensuring your Gateway remains securely on your private network.

    What it does

    • Two-Hop WebSocket Proxy: Proxies real-time messages from Browser to Next.js Server to Local Gateway, surviving restarts and timeouts.
    • Secure Action Whitelisting: Provides API routes with hardcoded agent/action whitelists to prevent unauthorized command execution.
    • Resilient Client Hook: Includes a React useBridge hook with automated exponential backoff and connection state management.
    • Unified Agent API: Standardized routes for service status, log tailing, and Telegram bot passthrough with signed timeouts.

    Why use this skill?

    While you could try to prompt an AI to "proxy a websocket," this skill delivers a production-hardened pattern used in real agent-orchestration stacks. It handles the edge cases developers often miss: graceful degradation when the bridge is offline, explicit timeout signaling to prevent hung fetches, and a "fail-closed" security model that avoids environment variable leakage.

    Built by Nex AI. More skills and info at nex-ai.be and slopsome.com.

    ai-agents
    websockets
    agent-orchestration
    proxy
    typescript

    Details

    How to install

    Drop the file into your AI Agent. Works with Claude, Cursor, ChatGPT, and 20+ more.

    Reviews

    No reviews yet - be the first to share your experience.

    Only users who have downloaded or purchased this skill can leave a review.

    Security Scanned

    Passed automated security review

    Permissions

    Terminal / Shell
    Read Files
    Write Files
    Network Access
    Environment Variables

    Allowed Hosts

    nex-ai.be

    File Scopes

    assets/**
    references/**

    Creator

    Nex AI

    Founder of Nex AI. I build production-grade Claude Skills from systems that actually run: multi-tenant SaaS, Telegram agents, Raspberry Pi infrastructure, 3D multiplayer rooms. Every skill ships battle-tested patterns, not theory. 33+ open source skills published, commercial catalog growing.

    Frequently Asked Questions

    Browse More Skills

    prompt-engineer

    prompt-engineer

    Professional prompt engineering patterns for building robust, secure, and production-ready LLM applications.

    Free
    1505.0(1)

    designing-hybrid-context-layers

    Architects the right retrieval strategy for every query — teaching your agent when to use RAG, a knowledge graph, or a temporal index instead of defaulting to vector search for everything.

    $10
    165.0(1)

    synthesizing-institutional-knowledge

    Builds the organizational memory schema your AI agent needs to answer why — capturing decision provenance, causal chains, and event context that embedding-based retrieval permanently discards.

    $10
    55.0(1)

    code-reviewer

    Reviews your code for bugs, security vulnerabilities, logic errors, performance issues, and style violations. Organizes findings by severity and suggests fixes with code examples.

    Free
    8195.0(3)