ChromeDevTools/chrome-devtools-mcp

何を解決するか

このプロジェクトは、AIコーディングエージェントがライブのChromeブラウザと対話・制御できる方法を提供します。AIがコードを書く能力と、リアルタイムでWebアプリケーションの実行時動作を観察・デバッグする能力のギャップを埋めます。

動作方法

これはModel-Context-Protocol (MCP) サーバーとして動作します。MCP互換のAIクライアント（Claude、Cursor、Copilotなど）に接続されると、AIがブラウザ操作を実行できるツールセットを公開します。Puppeteerを用いて信頼性の高い自動化を実現し、Chrome DevTools Protocolを利用してブラウザの内部構造に深くアクセスし、デバッグやパフォーマンス分析を可能にします。

対象ユーザー

ブラウザ操作の自動化、詳細なデバッグ、Webパフォーマンス分析をAIインターフェース経由で行いたいWeb開発者やAI支援コーディングエージェント向けです。

特徴

• ブラウザ自動化: クリック、入力、フォーム入力、ページ遷移など、完全な入力およびナビゲーションツールセット。
• 詳細なデバッグ: ネットワークリクエストの分析、スクリーンショットの撮影、ソースマップ付きスタックトレースを含むブラウザコンソールメッセージの読み取り。
• パフォーマンスの洞察: トレースの記録と実行可能なパフォーマンスデータの抽出ツール。
• 広範なクライアント対応: Claude Code、Cursor、VS Code、Geminiなど、多数のAI IDEおよびCLIツール向けの事前構成済み設定。
• 柔軟なモード: 基本的なブラウザタスク用に --slim モードを含む。