/ Diretório / Playground / mcp
● Comunidade BrowserMCP ⚡ Instantâneo

mcp

por BrowserMCP · BrowserMCP/mcp

Browser MCP controls YOUR actual browser via a Chrome extension — your logged-in sessions, your cookies, real fingerprint, no bot detection.

Browser MCP (BrowserMCP/mcp) is an MCP server plus Chrome extension that lets Claude drive the browser you're already using. Because it piggybacks on your real profile, you bypass auth walls, avoid bot fingerprinting, and keep activity local. Different tradeoff than Playwright: less automation-hermetic, more real-user fidelity.

Por que usar

Principais recursos

Demo ao vivo

Como fica na prática

mcp.replay ▶ pronto
0/0

Instalar

Escolha seu cliente

~/Library/Application Support/Claude/claude_desktop_config.json  · Windows: %APPDATA%\Claude\claude_desktop_config.json
{
  "mcpServers": {
    "mcp": {
      "command": "npx",
      "args": [
        "-y",
        "mcp"
      ],
      "_inferred": true
    }
  }
}

Abra Claude Desktop → Settings → Developer → Edit Config. Reinicie após salvar.

~/.cursor/mcp.json · .cursor/mcp.json
{
  "mcpServers": {
    "mcp": {
      "command": "npx",
      "args": [
        "-y",
        "mcp"
      ],
      "_inferred": true
    }
  }
}

Cursor usa o mesmo esquema mcpServers que o Claude Desktop. Config de projeto vence a global.

VS Code → Cline → MCP Servers → Edit
{
  "mcpServers": {
    "mcp": {
      "command": "npx",
      "args": [
        "-y",
        "mcp"
      ],
      "_inferred": true
    }
  }
}

Clique no ícone MCP Servers na barra lateral do Cline, depois "Edit Configuration".

~/.codeium/windsurf/mcp_config.json
{
  "mcpServers": {
    "mcp": {
      "command": "npx",
      "args": [
        "-y",
        "mcp"
      ],
      "_inferred": true
    }
  }
}

Mesmo formato do Claude Desktop. Reinicie o Windsurf para aplicar.

~/.continue/config.json
{
  "mcpServers": [
    {
      "name": "mcp",
      "command": "npx",
      "args": [
        "-y",
        "mcp"
      ]
    }
  ]
}

O Continue usa um array de objetos de servidor em vez de um map.

~/.config/zed/settings.json
{
  "context_servers": {
    "mcp": {
      "command": {
        "path": "npx",
        "args": [
          "-y",
          "mcp"
        ]
      }
    }
  }
}

Adicione em context_servers. Zed recarrega automaticamente ao salvar.

claude mcp add mcp -- npx -y mcp

Uma linha só. Verifique com claude mcp list. Remova com claude mcp remove.

Casos de uso

Usos do mundo real: mcp

Automate tasks behind your real web logins (Gmail, admin panels)

👤 Productivity power users, ops ⏱ ~15 min intermediate

Quando usar: A service has no API and you're logged in via SSO — you want Claude to do repetitive work in that tab.

Pré-requisitos
  • Chrome + Browser MCP extension installed — docs.browsermcp.io → install extension
Fluxo
  1. Grant the extension access to the target tab
    Open the admin panel tab, click the Browser MCP extension icon, allow this tab.✓ Copiado
    → Extension shows 'connected'
  2. Delegate a task
    In the admin panel: find the user with email X, change their plan to 'Pro', take a screenshot of the confirmation.✓ Copiado
    → Task completes with visual proof

Resultado: Repetitive admin actions done via chat, with zero API integration work.

Armadilhas
  • Running actions you didn't mean — this is YOUR real account — Be precise in prompts; the MCP doesn't undo. Test on staging accounts first

Extract data from sites that block headless scrapers

👤 Researchers, analysts ⏱ ~15 min intermediate

Quando usar: A site you're allowed to read programmatically blocks Playwright/Selenium fingerprints.

Fluxo
  1. Navigate manually first if needed
    Browser MCP uses your open tabs; navigate to the target, then ask me to read it✓ Copiado
    → Correct tab is active
  2. Extract structured data
    Read the results table on this page and return as JSON with columns [name, date, value]✓ Copiado
    → Structured data

Resultado: Data you couldn't get with headless tools, obtained via your normal browser session.

Armadilhas
  • Using this to scrape at scale against a site's ToS — Stay within rate limits a human would generate; respect robots.txt
Combine com: filesystem

Reproduce a user bug in your real browser

👤 Support engineers ⏱ ~10 min beginner

Quando usar: A customer reports a bug; you want to replicate their exact click path in your own logged-in session to see.

Fluxo
  1. Replay the reported steps
    Reproduce this user's flow in the app tab: login → Settings → toggle X → save. Report what happens and any console errors.✓ Copiado
    → Reproduction result with errors

Resultado: Faster support triage than video back-and-forth.

Combine com: sentry

Combinações

Combine com outros MCPs para 10× de alavancagem

Save scraped data to disk

Extract the table on this page and save as ./exports/{hostname}-{date}.csv.✓ Copiado
mcp + sentry

Reproduce a user bug tied to a Sentry event

Sentry event XYZ shows breadcrumbs [open, click, save]. Replay them in my current tab and compare the result.✓ Copiado

Ferramentas

O que este MCP expõe

FerramentaEntradasQuando chamarCusto
browser_navigate url: str Move the current tab 0
browser_snapshot See structured page content 0
browser_click ref or selector Click elements 0
browser_type ref, text Fill inputs 0
browser_screenshot fullPage? Capture state 0

Custo e limites

O que custa rodar

Cota de API
None — local
Tokens por chamada
Snapshots 500-3000
Monetário
Free
Dica
Prefer snapshot-based refs over screenshots for action — cheaper and more reliable

Segurança

Permissões, segredos, alcance

Armazenamento de credenciais: Uses your real browser's cookies — these are as sensitive as your sessions
Saída de dados: Tabs connect to whatever you navigate to; no telemetry

Solução de problemas

Erros comuns e correções

Extension shows 'not connected'

Click the extension icon in the target tab and allow; the connection is per-tab

Verificar: Badge shows green
Actions do nothing on an SPA

Take a snapshot first — SPAs often need a wait before elements are interactive

Site detected automation anyway

Rare — disable other extensions that modify navigator properties; restart browser

Alternativas

mcp vs. outros

AlternativaQuando usarTroca
Playwright MCPYou want hermetic, scriptable, CI-friendly browser automationNo real-session access; more bot-detectable
Puppeteer MCPChromium-only headless controlSame tradeoffs as Playwright, smaller surface

Mais

Recursos

📖 Leia o README oficial no GitHub

🐙 Ver issues abertas

🔍 Ver todos os 400+ servidores MCP e Skills