MCP Browser Kit

MCP Browser Kit

🚀 main ブランチをご覧ですか？ 最新の開発ドキュメントをご覧いただいています。他のバージョンについては、release/* ブランチをご確認ください。

AI アシスタントがローカルブラウザーを操作できるようにする MCP サーバーです。あらゆる AI アシスタントやコーディングエージェントで使える、「Claude in Chrome」の代替ツールです。

https://github.com/user-attachments/assets/1fbf87fd-06d1-42bf-a06f-cc2bbdf375a8

使用方法

1. MCP Browser Kit を MCP クライアントに追加します。

   {
   	"mcpServers": {
   		"browser-kit": {
   			"command": "npx",
   			"args": ["@mcp-browser-kit/server@latest"]
   		}
   	}
   }
   

   デフォルトではサーバーは stdio トランスポートを使用します。代わりに http トランスポートも使用できます。

   npx @mcp-browser-kit/server@latest --transport http
   # optional flags (defaults shown):
   #   --http-host 127.0.0.1
   #   --http-port 21082
   

   次に、command の代わりに URL を MCP クライアントに指定します。

   {
   	"mcpServers": {
   		"browser-kit": {
   			"url": "http://127.0.0.1:21082/mcp"
   		}
   	}
   }
   

   セキュリティ：まだ認証機能がないため、--http-host のデフォルトは 127.0.0.1（ループバックのみ）です。--http-host 0.0.0.0（または LAN アドレス）を指定するのは、そのホスト／ポートにアクセスできる人なら誰でも ブラウザーを操作できることを理解している場合に限ってください。

2. ブラウザーに適した拡張機能のビルドを選択します。

   • お使いのブラウザーに対応するビルド（M2 または M3）を、以下の互換性表で確認してください
   • M2 ビルドは M3 ビルドより多くの機能を提供するため、ブラウザーが両方に対応している場合は M2 をお選びください

3. 最新リリースから、互換性のある最新ビルドをダウンロードします。

4. 互換性のあるブラウザーに拡張機能を読み込み、有効にします。

5. 拡張機能のスクリプトが読み込まれるよう、開いているタブを再読み込みします。

6. MCP クライアントでメッセージの送信を開始します。

   Use browser-kit, star the last open GitHub repo on my browser
   

7. 必要に応じて、詳しくはユーザーノートをご確認ください。

互換性表

M2 ビルドは M3 ビルドより多くの機能をサポートしています。 拡張機能のファイル名パターン：

• M2 ビルド：
  • Chromium：mcp_browser_kit_m2-<version>.zip（例：mcp_browser_kit_m2-5.0.0.zip）
  • Firefox：mcp_browser_kit_m2-<version>.xpi（例：mcp_browser_kit_m2-5.0.0.xpi）
• M3 ビルド：mcp_browser_kit_m3-<version>.zip（例：mcp_browser_kit_m3-5.0.0.zip）

ブラウザー	M2 ビルド	M3 ビルド
Chrome	❌	✅
Brave	✅	✅
Edge	✅	✅
Firefox	✅	❌
Safari	✅	❌

拡張機能を読み込む

• Chromium ベースのブラウザー（Chrome、Brave、Edge）
  1. ダウンロードした .zip ファイルを解凍します
  2. chrome://extensions/ を開きます
  3. Developer mode を有効にします
  4. Load unpacked をクリックします
  5. 解凍した拡張機能のフォルダーを選択します
• Firefox
  1. about:addons を開きます
  2. 歯車アイコンをクリックし、Install Add-on From File を選択します
  3. ダウンロードした .xpi ファイルを選択します
• Safari
  1. ダウンロードした .zip ファイルを解凍します
  2. Develop > Show Extension Builder を開きます
  3. + をクリックし、Add Extension を選択します
  4. 解凍した拡張機能のフォルダーを選択します
  5. Install をクリックして拡張機能をインストールします

ユーザー向けの注意事項

Alpha 段階での注意：機密データが意図せず AI モデルプロバイダーに公開されるのを防ぐため、この MCP には別のブラウザープロファイルまたは専用のブラウザーインスタンスを使用することを検討してください。

セキュリティ：BrowserKit には現在、受信リクエストの認証機能がありません。デバイスのネットワーク上で、ポート 21082 および 2769-2799 のみを使用してください。

ホスト型デプロイ

フロンティア AI でホスト型デプロイを利用できます。