AgentDeskAI/browser-tools-mcp

What it solves

BrowserTools MCP は、AI コーディング エージェントがユーザーの有効な Chrome セッションにアクセスし、検査できるものにします。新しい、認証なしのブラウザ インスタンスを起動する従来の自動化ツールとは異なり、このプロジェクトは、エージェントがユーザーが見ているものと全く同じものを見ることができるようにします。これには、ユーザーが既にログイン済みのページを含みます。これにより、手動で認証状態を再作成する必要がなくなります。

How it works

システムは 2 つのコンポーネントで構成されています。MCP (Model Context Protocol) サーバーと Chrome 拡張機能です。拡張機能は、有効なブラウザ セッションにアタッチし、コンソールログ、ネットワーク活動、スクリーンショットなどのテレメトリを MCP サーバーにストリーミングします。サーバーは、これらを MCP 対応の AI クライアント (Cursor や Claude Code など) にツールやリソースとして公開し、エージェントがブラウザの状態をリアルタイムで照会できる仕組みです。

Who it’s for

ライブ Web アプリケーションのデバッグ、アクセシビリティや SEO 監査、現在のセッション状態を失わずにネットワークトラフィックを検査したい AI コーディング エージェントの利用者です。

Highlights

• Live Session Access: 実際のブラウザ プロファイルと有効なタブを介して、ユーザーのログインと認証状態を維持したままアクセスします。

• Lighthouse Integration: エージェント経由で、パフォーマンス、アクセシビリティ、SEO、およびベストプラクティスの監査を直接実行できるツールを提供します。

• Context Window Management: 大容量のデータ ペイロード (完全なログや HAR ファイルなど) は、インライン化せず MCP リソースとして提供されるため、コンテキスト ウィンドウのオーバーフローを防ぎます。

• Security-First Design: ループバックのみのバインディング、実行ごとの認証トークン、およびキャプチャされたデータから機密性の高い認証情報 (JWTs, cookies など) を自動的にスクラビング (scrubbing) する機能を備えています。

• Multitab Support: DevTools が開いているすべてのタブに対して個別にテレメトリを追跡し、エージェントが ID によって特定のタブをターゲットにできる仕組みです。