MCP Browser Kit

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

AIアシスタントがローカルブラウザと対話できるようにするMCPサーバー。

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"]
           }
       }
   }

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

   • どのビルド（M2またはM3）がブラウザと互換性があるか、以下の互換性テーブルを確認してください

   • M2ビルドはM3ビルドよりも多くの機能を提供するため、ブラウザが両方に対応している場合はM2を優先してください

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

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

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

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

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

7. オプションとして、詳細についてはユーザーノートを確認してください。

Related MCP server: agentify-desktop

互換性テーブル

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)

拡張機能の読み込み

• Chromiumベースのブラウザ (Chrome, Brave, Edge)

  1. ダウンロードした .zip ファイルを解凍します

  2. chrome://extensions/ を開きます

  3. デベロッパーモード を有効にします

  4. パッケージ化されていない拡張機能を読み込む をクリックします

  5. 解凍した拡張機能フォルダを選択します

• Firefox

  1. about:addons を開きます

  2. 歯車アイコンをクリックし、ファイルからアドオンをインストール を選択します

  3. ダウンロードした .xpi ファイルを選択します

• Safari

  1. ダウンロードした .zip ファイルを解凍します

  2. 開発 > 拡張機能ビルダーを表示 を開きます

  3. + をクリックし、拡張機能を追加 を選択します

  4. 解凍した拡張機能フォルダを選択します

  5. インストール をクリックして拡張機能をインストールします

ユーザーノート

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

セキュリティ: BrowserKitには現在、受信リクエストに対する認証がありません。デバイスのネットワーク上のポート59089および2769-2799のみを維持してください。

ホスト型デプロイ

ホスト型デプロイは Fronteir AI で利用可能です。