/ ディレクトリ / プレイグラウンド / mcp
● コミュニティ BrowserMCP ⚡ 即起動

mcp

作者 BrowserMCP · BrowserMCP/mcp

Browser MCPはChrome拡張機能を通じて、あなたが実際に使っているブラウザを操作します。ログイン済みセッション、Cookie、本物のフィンガープリントをそのまま活用し、ボット検知を回避します。

Browser MCP(BrowserMCP/mcp)は、MCPサーバーとChrome拡張機能を組み合わせたツールで、普段お使いのブラウザをClaudeから操作できます。実際のプロファイルをそのまま利用するため、認証の壁を突破し、ボットフィンガープリンティングを回避し、すべての操作をローカルで完結できます。Playwrightとはトレードオフが異なり、自動化の密閉性は劣りますが、実ユーザーとしての忠実度が高いのが特徴です。

なぜ使うのか

主な機能

ライブデモ

実際の動作

mcp.replay ▶ 準備完了
0/0

インストール

クライアントを選択

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

Claude Desktop → Settings → Developer → Edit Config を開く。保存後、アプリを再起動。

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

Cursor は Claude Desktop と同じ mcpServers スキーマを使用。プロジェクト設定はグローバルより優先。

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

Cline サイドバーの MCP Servers アイコンをクリックし、"Edit Configuration" を選択。

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

Claude Desktop と同じ形式。Windsurf を再起動して反映。

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

Continue はマップではなくサーバーオブジェクトの配列を使用。

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

context_servers に追加。保存時に Zed がホットリロード。

claude mcp add mcp -- npx -y mcp

ワンライナー。claude mcp list で確認、claude mcp remove で削除。

ユースケース

実用的な使い方: mcp

実際のWebログイン(Gmail、管理パネルなど)の裏でタスクを自動化する

👤 生産性を追求するパワーユーザー、運用担当者 ⏱ ~15 min intermediate

使うタイミング: APIがないサービスにSSOでログイン済みの状態で、そのタブ上の繰り返し作業をClaudeに任せたいとき。

前提条件
  • ChromeとBrowser MCP拡張機能がインストール済みであること — docs.browsermcp.io → 拡張機能をインストール
フロー
  1. 対象タブへの拡張機能のアクセスを許可する
    管理パネルのタブを開き、Browser MCP拡張機能のアイコンをクリックして、このタブへのアクセスを許可してください。✓ コピーしました
    → 拡張機能に「connected」と表示される
  2. タスクを委任する
    管理パネルで:メールアドレスXのユーザーを見つけて、プランを「Pro」に変更し、確認画面のスクリーンショットを撮ってください。✓ コピーしました
    → 視覚的な証拠とともにタスクが完了する

結果: API連携の作業なしに、繰り返しの管理操作をチャットで実行できます。

注意点
  • 意図しない操作が実行される — これはあなた自身の本物のアカウントです — プロンプトは正確に記述してください。MCPには取り消し機能がありません。まずステージング環境のアカウントでテストしてください

ヘッドレススクレイパーをブロックするサイトからデータを抽出する

👤 リサーチャー、アナリスト ⏱ ~15 min intermediate

使うタイミング: プログラムでの読み取りが許可されているサイトがPlaywright/Seleniumのフィンガープリントをブロックしているとき。

フロー
  1. 必要に応じて手動でナビゲートする
    Browser MCPは開いているタブを使用します。対象ページに移動してから、読み取りを依頼してください✓ コピーしました
    → 正しいタブがアクティブになっている
  2. 構造化データを抽出する
    このページの結果テーブルを読み取り、[name, date, value]のカラムを持つJSONとして返してください✓ コピーしました
    → 構造化データ

結果: ヘッドレスツールでは取得できなかったデータを、通常のブラウザセッションを通じて取得できます。

注意点
  • サイトの利用規約に反して大規模スクレイピングに使用すること — 人間が生成する程度のレートリミット内に収め、robots.txtを尊重してください
組み合わせ: filesystem

実際のブラウザでユーザー報告のバグを再現する

👤 サポートエンジニア ⏱ ~10 min beginner

使うタイミング: 顧客がバグを報告し、自分のログイン済みセッションで同じクリック操作を再現して確認したいとき。

フロー
  1. 報告された手順を再現する
    アプリのタブでこのユーザーの操作フローを再現してください:ログイン → Settings → Xをトグル → 保存。結果とコンソールエラーを報告してください。✓ コピーしました
    → エラーを含む再現結果

結果: 動画のやりとりよりも迅速にサポートトリアージが行えます。

組み合わせ: sentry

組み合わせ

他のMCPと組み合わせて10倍の力を

スクレイピングしたデータをディスクに保存する

このページのテーブルを抽出して、./exports/{hostname}-{date}.csvとして保存してください。✓ コピーしました
mcp + sentry

Sentryイベントに紐づくユーザーバグを再現する

SentryイベントXYZのブレッドクラム [open, click, save] を現在のタブで再現し、結果を比較してください。✓ コピーしました

ツール

このMCPが提供する機能

ツール入力呼び出すタイミングコスト
browser_navigate url: str 現在のタブを移動する 0
browser_snapshot ページの構造化コンテンツを確認する 0
browser_click ref or selector 要素をクリックする 0
browser_type ref, text 入力フィールドに入力する 0
browser_screenshot fullPage? 状態をキャプチャする 0

コストと制限

運用コスト

APIクォータ
なし — ローカル完結
呼び出しあたりのトークン
スナップショットあたり500〜3000トークン
金額
無料
ヒント
操作にはスクリーンショットよりスナップショットベースの参照を優先してください — より安価で信頼性が高いです

セキュリティ

権限、シークレット、影響範囲

認証情報の保管: 実際のブラウザのCookieを使用します — セッションと同等の機密性があります
データ送信先: タブはナビゲート先に接続します。テレメトリの送信はありません

トラブルシューティング

よくあるエラーと対処法

拡張機能に「not connected」と表示される

対象タブで拡張機能アイコンをクリックして許可してください。接続はタブごとに行われます

確認: バッジが緑色に表示される
SPAで操作が何も反応しない

まずスナップショットを取得してください — SPAでは要素がインタラクティブになるまで待機が必要なことがよくあります

それでもサイトに自動化を検知された

まれなケースです — navigatorプロパティを変更する他の拡張機能を無効にし、ブラウザを再起動してください

代替案

mcp 他との比較

代替案代わりに使う場面トレードオフ
Playwright MCP密閉性が高く、スクリプト化可能でCI対応のブラウザ自動化が必要なとき実セッションへのアクセスなし。ボット検知されやすい
Puppeteer MCPChromium限定のヘッドレス制御が必要なときPlaywrightと同様のトレードオフで、対応範囲はより限定的

その他

リソース

📖 GitHub の公式 README を読む

🐙 オープンな issue を見る

🔍 400以上のMCPサーバーとSkillsを見る