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/mcp3. 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.