Browserbase

Claude Code

1. Run this in a terminal, in your project folder:

claude mcp add --transport http browserbase https://mcp.browserbase.com/mcp

1. Start Claude Code and type /mcp. browserbase should show as connected.

Browserbase needs an API key. Browserbase’s docs say which header carries it; most servers use Authorization: Bearer <YOUR_API_KEY>.

Claude Desktop

1. Custom connectors can’t send this server’s key header, so use the mcp-remote bridge. Open Settings → Developer → Edit Config and add:

{
  "mcpServers": {
    "browserbase": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-remote",
        "https://mcp.browserbase.com/mcp"
      ]
    }
  }
}

1. Replace the placeholder with your key and restart Claude Desktop.

The bridge needs Node.js on your computer.

Cursor

Add to Cursor (opens in a new tab)

Or add it by hand to ~/.cursor/mcp.json (all projects) or .cursor/mcp.json (this project):

{
  "mcpServers": {
    "browserbase": {
      "url": "https://mcp.browserbase.com/mcp"
    }
  }
}

Browserbase needs an API key. Browserbase’s docs say which header carries it; most servers use Authorization: Bearer <YOUR_API_KEY>.

VS Code

Install in VS Code (opens in a new tab)

Or from a terminal:

code --add-mcp '{"name":"browserbase","type":"http","url":"https://mcp.browserbase.com/mcp"}'

Or commit it to the repo in .vscode/mcp.json:

{
  "servers": {
    "browserbase": {
      "type": "http",
      "url": "https://mcp.browserbase.com/mcp"
    }
  }
}

Browserbase needs an API key. Browserbase’s docs say which header carries it; most servers use Authorization: Bearer <YOUR_API_KEY>.

Devin Desktop

1. Add it to ~/.config/devin/mcp_config.json (macOS and Linux) or %APPDATA%\devin\mcp_config.json (Windows):

{
  "mcpServers": {
    "browserbase": {
      "serverUrl": "https://mcp.browserbase.com/mcp"
    }
  }
}

1. Refresh the MCP server list in Cascade.

Devin Desktop is the new name for Windsurf. It reads serverUrl (or url) for remote servers.

Codex

codex mcp add browserbase --url https://mcp.browserbase.com/mcp

Or edit ~/.codex/config.toml directly:

[mcp_servers.browserbase]
url = "https://mcp.browserbase.com/mcp"

Browserbase needs an API key. Browserbase’s docs say which header carries it; most servers use Authorization: Bearer <YOUR_API_KEY>.

Gemini CLI

gemini mcp add --transport http browserbase https://mcp.browserbase.com/mcp

This adds it to the current project. Add -s user to use it everywhere.

Any client

Most clients accept this shape. Some name the URL field differently: serverUrl in Devin Desktop, httpUrl in Gemini CLI’s settings file.

{
  "mcpServers": {
    "browserbase": {
      "type": "http",
      "url": "https://mcp.browserbase.com/mcp"
    }
  }
}

Zed puts servers under context_servers in its settings. Cline needs "type": "streamableHttp", or it assumes SSE.

Client only starts local servers? Bridge it with npx -y mcp-remote https://mcp.browserbase.com/mcp.

Browserbase needs an API key. Browserbase’s docs say which header carries it; most servers use Authorization: Bearer <YOUR_API_KEY>.

README badge

[![Browserbase on mcp.tc](https://mcp.tc/i/browserbase/badge.svg)](https://mcp.tc/i/browserbase)

<a href="https://mcp.tc/i/browserbase"><img src="https://mcp.tc/i/browserbase/badge.svg" alt="Browserbase on mcp.tc" height="20"></a>

It follows the reader’s light or dark mode. Add ?theme=light or ?theme=dark to fix it, or ?style=compact to show the mark without the word.

Website card

<script src="https://mcp.tc/w/browserbase.js" async></script>

The card appears where the tag is. Add data-theme="dark" or data-size="compact" to the tag to change it. The file holds everything it needs, so it makes no other requests and sets no cookies.

iframe

<iframe src="https://mcp.tc/embed/browserbase" title="Browserbase on mcp.tc" width="420" height="200" loading="lazy" allow="clipboard-write" style="border:0;border-radius:8px;max-width:100%"></iframe>

Use it on pages that don’t allow scripts. Add ?theme=light or ?theme=dark to the address to fix the colors.

JSON

The listing as data for your own pages and tools: name, tagline, the server’s own URL, tools and the “Add to” links. Any site can read it (CORS is open).

https://mcp.tc/i/browserbase.json

What each field means