/ Annuaire / Playground / mcp
● Communauté BrowserMCP ⚡ Instantané

mcp

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

Pourquoi l'utiliser

Fonctionnalités clés

Démo en direct

Aperçu en pratique

mcp.replay ▶ prêt
0/0

Installer

Choisissez votre 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
    }
  }
}

Ouvrez Claude Desktop → Settings → Developer → Edit Config. Redémarrez après avoir enregistré.

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

Cursor utilise le même schéma mcpServers que Claude Desktop. La config projet l'emporte sur la globale.

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

Cliquez sur l'icône MCP Servers dans la barre latérale Cline, puis "Edit Configuration".

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

Même format que Claude Desktop. Redémarrez Windsurf pour appliquer.

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

Continue utilise un tableau d'objets serveur plutôt qu'une map.

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

Ajoutez dans context_servers. Zed recharge à chaud à la sauvegarde.

claude mcp add mcp -- npx -y mcp

Une seule ligne. Vérifiez avec claude mcp list. Supprimez avec claude mcp remove.

Cas d'usage

Usages concrets : mcp

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

👤 Productivity power users, ops ⏱ ~15 min intermediate

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

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

Résultat : Repetitive admin actions done via chat, with zero API integration work.

Pièges
  • 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

Quand l'utiliser : A site you're allowed to read programmatically blocks Playwright/Selenium fingerprints.

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

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

Pièges
  • Using this to scrape at scale against a site's ToS — Stay within rate limits a human would generate; respect robots.txt
Combiner avec : filesystem

Reproduce a user bug in your real browser

👤 Support engineers ⏱ ~10 min beginner

Quand l'utiliser : A customer reports a bug; you want to replicate their exact click path in your own logged-in session to see.

Déroulement
  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.✓ Copié
    → Reproduction result with errors

Résultat : Faster support triage than video back-and-forth.

Combiner avec : sentry

Combinaisons

Associez-le à d'autres MCPs pour un effet X10

Save scraped data to disk

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

Outils

Ce que ce MCP expose

OutilEntréesQuand appelerCoût
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

Coût et limites

Coût d'exécution

Quota d'API
None — local
Tokens par appel
Snapshots 500-3000
Monétaire
Free
Astuce
Prefer snapshot-based refs over screenshots for action — cheaper and more reliable

Sécurité

Permissions, secrets, portée

Stockage des identifiants : Uses your real browser's cookies — these are as sensitive as your sessions
Sortie de données : Tabs connect to whatever you navigate to; no telemetry

Dépannage

Erreurs courantes et correctifs

Extension shows 'not connected'

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

Vérifier : 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

Alternatives

mcp vs autres

AlternativeQuand l'utiliserCompromis
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

Plus

Ressources

📖 Lire le README officiel sur GitHub

🐙 Voir les issues ouvertes

🔍 Parcourir les 400+ serveurs MCP et Skills