MCP client integration

Twin Browser + Windsurf

Windsurf is Codeium’s AI-native editor, whose Cascade agent supports MCP servers. Servers are registered in `~/.codeium/windsurf/mcp_config.json` in the same `mcpServers` shape most clients use.

MCP client4-step setupBearer key auth

How Twin plugs into Windsurf

Register the Twin server and Cascade can act on the web as part of an editing session — verify a deployed change, pull a fixture from behind a login, or reproduce a reported bug on a real page. The config is byte-identical to Cursor’s and Claude Desktop’s, because the server is the same stdio process in all three.

Twin is the browser execution layer your stack calls. The first run cold-compiles a skill via skill compilation; every similar request after that is matched from the cache and replayed deterministically, so your marginal cost per run trends toward zero rather than climbing with usage.

app.example.com
  1. Receive goal from Windsurfdone
  2. Compile DOM → token-efficient indexed statedone
  3. Match the semantic dispatch cacherunning
  4. Replay compiled skill — 0 LLM callsqueued

Wire it up

Drop Twin into Windsurf.

Copy, paste, and swap in your Bearer key. The first run compiles a skill; repeats match the semantic dispatch cache and replay deterministically.

~/.codeium/windsurf/mcp_config.jsonjson
{
  "mcpServers": {
    "twin-browser": {
      "command": "npx",
      "args": ["-y", "twin-browser-mcp"],
      "env": { "TWIN_API_KEY": "ab_live_…" }
    }
  }
}

// In Cascade:
//   "Use twin-browser to open the preview URL and screenshot the pricing page."

Base URL https://twin-browser.com/api/v1 · auth Authorization: Bearer ab_live_… · over MCP the same engine is run_goal, compile_skill and run_skill the full tool table.

  1. Get an API key

    Create an ab_live_ key in the Twin dashboard under Keys & Secrets.

  2. Open the MCP config

    Edit ~/.codeium/windsurf/mcp_config.json (Windsurf’s MCP settings panel opens it for you).

  3. Add the server

    Add a twin-browser entry under mcpServers with the npx command and TWIN_API_KEY in env.

  4. Refresh and use it

    Refresh the server list; Cascade picks up the tools.

FAQ

Windsurf on Twin — common questions

Is the Windsurf config different from Cursor’s?
Only the file path. Both use the mcpServers shape with a command, args and env, and both launch the same twin-browser-mcp package over stdio.
Does Windsurf need Node?
Yes — Node 20 or newer, so npx can fetch and launch the server. There is nothing else to install.

Wire up Windsurf in minutes.

Free to start. Usage-based credits from $29/mo — each call billed the higher of its flat action price or its metered cost.