/ Verzeichnis / Playground / mcp
● Community BrowserMCP ⚡ Sofort

mcp

von 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.

Warum nutzen

Hauptfunktionen

Live-Demo

In der Praxis

mcp.replay ▶ bereit
0/0

Installieren

Wählen Sie Ihren Client

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

Öffne Claude Desktop → Settings → Developer → Edit Config. Nach dem Speichern neu starten.

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

Cursor nutzt das gleiche mcpServers-Schema wie Claude Desktop. Projektkonfiguration schlägt die globale.

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

Klicken Sie auf das MCP-Servers-Symbol in der Cline-Seitenleiste, dann "Edit Configuration".

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

Gleiche Struktur wie Claude Desktop. Windsurf neu starten zum Übernehmen.

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

Continue nutzt ein Array von Serverobjekten statt einer Map.

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

In context_servers hinzufügen. Zed lädt beim Speichern neu.

claude mcp add mcp -- npx -y mcp

Einzeiler. Prüfen mit claude mcp list. Entfernen mit claude mcp remove.

Anwendungsfälle

Praxisnahe Nutzung: mcp

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

👤 Productivity power users, ops ⏱ ~15 min intermediate

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

Voraussetzungen
  • Chrome + Browser MCP extension installed — docs.browsermcp.io → install extension
Ablauf
  1. Grant the extension access to the target tab
    Open the admin panel tab, click the Browser MCP extension icon, allow this tab.✓ Kopiert
    → 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.✓ Kopiert
    → Task completes with visual proof

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

Fallstricke
  • 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

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

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

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

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

Reproduce a user bug in your real browser

👤 Support engineers ⏱ ~10 min beginner

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

Ablauf
  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.✓ Kopiert
    → Reproduction result with errors

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

Kombinieren mit: sentry

Kombinationen

Mit anderen MCPs für 10-fache Wirkung

Save scraped data to disk

Extract the table on this page and save as ./exports/{hostname}-{date}.csv.✓ Kopiert
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.✓ Kopiert

Werkzeuge

Was dieses MCP bereitstellt

WerkzeugEingabenWann aufrufenKosten
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

Kosten & Limits

Was der Betrieb kostet

API-Kontingent
None — local
Tokens pro Aufruf
Snapshots 500-3000
Kosten in €
Free
Tipp
Prefer snapshot-based refs over screenshots for action — cheaper and more reliable

Sicherheit

Rechte, Secrets, Reichweite

Credential-Speicherung: Uses your real browser's cookies — these are as sensitive as your sessions
Datenabfluss: Tabs connect to whatever you navigate to; no telemetry

Fehlerbehebung

Häufige Fehler und Lösungen

Extension shows 'not connected'

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

Prüfen: 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

Alternativen

mcp vs. andere

AlternativeWann stattdessenKompromiss
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

Mehr

Ressourcen

📖 Offizielle README auf GitHub lesen

🐙 Offene Issues ansehen

🔍 Alle 400+ MCP-Server und Skills durchsuchen