drio
Open app

Browserbase MCP Server

Source

Allow LLMs to control a browser with Browserbase and Stagehand

Catalog onlyCatalog onlySTDIO

Overview

Browserbase MCP Server is a cloud-based automation server that leverages the Model Context Protocol (MCP) to enable integration between large language model (LLM) applications and external data sources and tools. It allows LLMs to perform web-related tasks like taking screenshots and executing JavaScript.

To get started, refer to the README files provided in the Browserbase and Stagehand directories on the GitHub repository. Users can set up the server to automate interactions with web pages through the cloud.

  • Browser Automation: Control and orchestrate cloud browsers. - Data Extraction: Extract structured data from any webpage. - Console Monitoring: Track and analyze browser console logs. - Screenshots: Capture full-page and element screenshots. - JavaScript Execution: Run custom JavaScript in the browser context. - Web Interaction: Navigate, click, and fill forms effortlessly.
  1. Building AI-powered integrated development environments (IDEs) that require web access.
  2. Enhancing chat interfaces by enabling them to fetch real-time data from web pages.
  3. Creating custom AI workflows that need to interact with web pages for data collection or manipulation.

Add to your AI client

Use these steps to connect Browserbase MCP Server in Cursor, Claude, VS Code, and other MCP-compatible apps. The same JSON appears in the Use with menu above for one-click copy.

Cursor

Add this to your .cursor/mcp.json file in your project root, then restart Cursor.

.cursor/mcp.json

{
  "mcpServers": {
    "mcp-server-browserbase-browserbase": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-mcp-server-browserbase-browserbase"
      ]
    }
  }
}

Claude Desktop

Add this server entry to the mcpServers object in your Claude Desktop config, then restart the app.

~/Library/Application Support/Claude/claude_desktop_config.json (macOS) or %APPDATA%\Claude\claude_desktop_config.json (Windows)

{
  "mcpServers": {
    "mcp-server-browserbase-browserbase": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-mcp-server-browserbase-browserbase"
      ]
    }
  }
}

Claude Code

Add this to your project's .mcp.json file. Claude Code will detect it automatically.

.mcp.json (project root)

{
  "mcpServers": {
    "mcp-server-browserbase-browserbase": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-mcp-server-browserbase-browserbase"
      ]
    }
  }
}

VS Code (Copilot)

Add this to your .vscode/mcp.json file. Requires the GitHub Copilot extension with MCP support enabled.

.vscode/mcp.json

{
  "servers": {
    "mcp-server-browserbase-browserbase": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-mcp-server-browserbase-browserbase"
      ]
    }
  }
}

Windsurf

Add this to your Windsurf MCP config file, then restart Windsurf.

~/.codeium/windsurf/mcp_config.json

{
  "mcpServers": {
    "mcp-server-browserbase-browserbase": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-mcp-server-browserbase-browserbase"
      ]
    }
  }
}

Cline

Open Cline settings, navigate to MCP Servers, and add this server configuration.

Cline MCP Settings (via UI)

{
  "mcpServers": {
    "mcp-server-browserbase-browserbase": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-mcp-server-browserbase-browserbase"
      ]
    }
  }
}

FAQ

**What is the Model Context Protocol (MCP)?**

MCP is an open protocol that facilitates seamless integration between LLM applications and external tools/data sources.

**Can I use any LLM with Browserbase MCP Server?**

Yes, it supports multiple models including OpenAI's GPT-4 and Anthropic's Claude-3.5 Sonnet.

**Is the Browserbase MCP Server open source?**

Yes, the project is open source, and contributions are welcome. Join the [Slack community](https://join.slack.com/t/stagehand-dev/shared_invite/zt-2uvuobu50-~wVSx2Si75CPa3332hwVEw) for support.7:["$","div",null,{"className":"container mx-auto flex flex-col gap-4","children":["$L26","$L27",["$","$L28",null,{"currentProject":{"id":107,"uuid":"bfed0e75-d894-45e4-9905-710262dc5379","name":"mcp-server-browserbase","title":"Browserbase MCP Server","description":"Allow LLMs to control a browser with Browserbase and Stagehand","avatar_url":"https://avatars.githubusercontent.com/u/158221360?v=4","created_at":"2024-12-13T09:01:06.323Z","updated_at":"2024-12-13T09:36:00.737Z","status":"created","author_name":"browserbase","author_avatar_url":"https://avatars.githubusercontent.com/u/158221360?v=4","tags":"chrome,browser,ai,mcp,chromium,puppeteer,playwright","category":"browser-automation","is_featured":true,"sort":1,"url":"https://github.com/browserbase/mcp-server-browserbase","target":"_self","content":"$29","summary":"$2a","img_url":"https://github.com/browserbase/mcp-server-browserbase/raw/main/assets/cover-mcp.png","type":null,"metadata":"{\"star\":\"1831\",\"license\":\"Apache-2.0 license\",\"language\":\"TypeScript\",\"is_official\":false,\"latest_commit_time\":\"2025-05-30 15:05:12\"}","user_uuid":null,"tools":null,"sse_url":null,"sse_provider":null,"sse_params":null,"is_official":false,"server_command":null,"server_params":null,"server_config":null,"allow_call":false,"is_innovation":false,"is_dxt":false,"dxt_manifest":null,"dxt_file_url":null,"is_audit":false},"randomProjects":[],"currentServerKey":"$undefined"}]]}]

Browserbase MCP Server — MCP Registry