Works with the AI Agents you already use

    Claude CodeClaude CodeCursorCursorCodex CLICodex CLIMuseMuseDotsDots+22 more

    Nex Wobble Bridge Architecture

    6

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

    $39

    Secure checkout via Stripe

    Money-back guarantee

    Converts to your local currency at checkout

    Security scanned
    nex-wobble-bridge-architecture

    nex-wobble-bridge-architecture

    Example session with this skill installed

    I need to connect my Next.js admin dashboard to my local agent gateway so I can restart agents and see their logs in real-time.

    • Read your context and instructions
    • Compiled the nex-wobble-bridge-architecture

    Generating Nex Bridge Architecture

    • src/app/api/bridge/action/route.ts (with agent whitelist)
    • src/app/api/bridge/logs/route.ts (with AbortSignal timeouts)
    • server/index.js (WebSocket proxy shim)
    • src/lib/useBridge.ts (React hook with auto-reconnect)
    • .env.example (Gateway config)

    Connects securely to your tools. The creator never sees your data.

    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.

    How to use

    Skills on Agensi run inside your AI agent. Copy the prompt, paste it into your agent, and it connects to Agensi and installs this skill for you. If a payment is needed, your agent shows it to you first.

    Reviews

    No reviews yet

    Be one of the first to try it. Every listed skill passes our trust checks below.

    Security scanned

    Passed our 8-point scan before listing

    Fresh listing

    Recently published to Agensi

    Money-back guarantee

    Doesn't do what its page promises? You get your money back.

    Trust & safety

    Security scanned

    Verified clean 2 months ago

    • Passed all security checks, Safe to install

    Listed4 months ago
    Updated2 months ago

    What's inside

    Frequently Asked Questions