Set up BrowserBase MCP in Claude Desktop

Automate cloud browsers with BrowserBase and Stagehand to navigate pages, extract content, take screenshots, and interact with web elements.

Locate the config file

Claude Desktop reads MCP server configuration from the following file:

~/Library/Application Support/Claude/claude_desktop_config.json

Create this file if it does not already exist.

Add the configuration

Add the following to your Claude Desktop config file:

json

{
  "mcpServers": {
    "browserbase-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "@browserbasehq/mcp-server-browserbase"
      ],
      "env": {
        "BROWSERBASE_API_KEY": "YOUR_BROWSERBASE_API_KEY",
        "BROWSERBASE_PROJECT_ID": "YOUR_BROWSERBASE_PROJECT_ID"
      }
    }
  }
}

Set up environment variables

BrowserBase MCP requires the following environment variables:

BROWSERBASE_API_KEYRequired

BrowserBase API key for authentication

BROWSERBASE_PROJECT_IDRequired

BrowserBase project identifier

Verify it works

Restart Claude Desktop. BrowserBase MCP should appear in your MCP server list with 12 tools available.

This server adds approximately 6,180 tokens to your context window for tool definitions.

Set up BrowserBase MCP in other editors

Claude Code Cursor VS Code Windsurf Continue

← Back to BrowserBase MCP