Add the Browserbase MCP server to Claude Code

Config last verified Jun 1, 2026

The exact config to run Browserbase in Claude Code — paste it in, restart, and the tools load.

Prerequisites

  • Claude Code installed.
  • BROWSERBASE_API_KEY — Browserbase API key.
  • BROWSERBASE_PROJECT_ID — Browserbase project ID.
  • GEMINI_API_KEY — LLM key used by Stagehand's default model.

Setup

1. Open ~/.claude.json

2. Add this configuration

Add to ~/.claude.json

~/.claude.json
json
{
  "mcpServers": {
    "browserbase": {
      "command": "npx",
      "args": [
        "@browserbasehq/mcp"
      ],
      "env": {
        "BROWSERBASE_API_KEY": "<BROWSERBASE_API_KEY>",
        "BROWSERBASE_PROJECT_ID": "<BROWSERBASE_PROJECT_ID>",
        "GEMINI_API_KEY": "<GEMINI_API_KEY>"
      }
    }
  }
}
Or via CLI
bash
claude mcp add browserbase -- npx @browserbasehq/mcp

3. Restart Claude Code and confirm the Browserbase tools load.

Gotchas

Claude Code stores MCP servers under an "mcpServers" object in ~/.claude.json. It also reads a project-scoped .mcp.json and supports adding servers from the command line with "claude mcp add". Each entry must declare either a "type" or a "command"; Claude Code refuses an entry that has neither. Remote servers connect natively over Streamable HTTP with OAuth.

← Back to the Browserbase MCP server