Browsertools

🚀 ブラウザツール MCP

AIツールの能力を10倍に高め、ブラウザとよりスマートにやり取りできるようにします。

この強力なブラウザ監視およびインタラクションツールは、AnthropicのModel Context Protocol (MCP) を通じて、AI駆動のアプリケーションがChrome拡張機能を介してブラウザデータをキャプチャし分析できるようにします。

詳細なインストール手順、クイックスタートガイド、および貢献方法については、ドキュメント をご覧ください。

🚀 クイックスタート

バージョン更新

v1.1.0 がリリースされました！このバージョンでは、ログ記録とスクリーンショットに関連する複数のエラーが修正されています。

IDEまたはMCPクライアントで次のようにバージョン番号を更新してください。

npx @agentdeskai/browser-tools-mcp@1.1.0

また、最新バージョンのChrome拡張機能 v1.1.0 BrowserToolsMCP をダウンロードしてください。

サーバー起動

その後、いつも通りにローカルのNodeサーバーを起動できます。

npx @agentdeskai/browser-tools-server

Chrome開発者ツールを開くと、ログがサーバーに送信されるはずです！

サポート

何か問題や困難があれば、いつでも問題報告を提出してください！改善提案があれば、私に連絡するか、機能強化ラベルの付いた事項で提案するか、@tedx_ai on x で連絡してください。

✨ 主な機能

アーキテクチャ

ブラウザデータのキャプチャと分析には、3つの核心的なコンポーネントがあります。

1. Chrome拡張機能：スクリーンショット、コンソールログ、ネットワークアクティビティ、およびDOM要素をキャプチャするブラウザ拡張機能です。
2. Nodeサーバー：Chrome拡張機能と任意のMCPサーバーインスタンス間の通信を促進するミドルウェアサーバーです。
3. MCPサーバー：モデルコンテキストプロトコルを実装し、AIクライアントがブラウザとやり取りするための標準化されたツールを提供するサーバーです。

┌─────────────┐     ┌──────────────┐     ┌───────────────┐     ┌─────────────┐
│  MCP クライアント │ ──► │  MCP サーバー   │ ──► │  Node ミドルウェア   │ ──► │   Chrome    │
│  (例えば       │ ◄── │  プロトコルハンドラ │ ◄── │               │ ◄── │  拡張機能   │
│   Cursor)    │     │               │     │               │     │             │
└─────────────┘     └──────────────┘     └───────────────┘     └─────────────┘

モデルコンテキストプロトコル（MCP）は、AnthropicのAIモデルがサポートする機能で、互換性のあるクライアントにカスタムツールを作成できるようにします。Claude Desktop、Cursor、Cline、またはZedなどのMCPクライアントは、MCPサーバーを実行でき、これによりこれらのクライアントが新しいツールを使用できるように「教える」ことができます。

これらのツールは外部APIを呼び出すことができますが、この場合はすべてのログがデバイスにローカルに保存され、決して第三者のサービスやAPIに送信されることはありません。BrowserTools MCPは、BrowserTools Chrome拡張機能と通信するローカルのNodeJS APIサーバーを実行します。

BrowserTools MCPサーバーインターフェイスを使用するすべてのユーザーは、同じNodeJS APIとChrome拡張機能を介して行います。

Chrome拡張機能

• XHRリクエスト/レスポンスとコンソールログを監視します。
• 選択したDOM要素を追跡します。
• スクリーンショット機能を提供します。
• ブラウザのアクティビティを記録します。

Nodeサーバー

• Chrome拡張機能からのデータを処理します。
• APIインターフェイスを提供します。
• データストレージを管理します。

MCPサーバー

• モデルコンテキストプロトコル（MCP）を実装します。
• ブラウザとやり取りするための標準化されたツールを提供します。
• AI駆動のアプリケーションをサポートします。

📦 インストール

詳細なインストールガイドについては、ドキュメント を参照してください。

📚 ドキュメント

詳細な使用方法については、ドキュメント を参照してください。

🔧 技術詳細

互換性情報

BrowserTools MCPは現在、以下のプラットフォームをサポートしています。

• Windows
• macOS
• Linux

互換性のあるブラウザには、以下が含まれます。

• Chrome
• Firefox
• Edge

📄 ライセンス

何か質問やヘルプが必要な場合は、サポートチームにご連絡ください：support@agentdesk.ai

BrowserTools MCPを選んでいただき、ありがとうございます！皆様からのフィードバックと提案を楽しみにしています。