Communityコーディング&開発github.com

ChromeDevTools/chrome-devtools-mcp

コーディングエージェント向けのChrome DevTools

chrome-devtools-mcp とは?

このスキルは、Claude Code、Cursor、CodexなどのAIコーディングエージェントがChrome DevToolsと直接連携できるようにするものです。エージェントはChromeブラウザのデバッグ、DOM要素の検査、コンソールログの取得、ネットワークアクティビティの監視などをプログラムから実行できるようになります。Webアプリケーションの自動テスト、パフォーマンス分析、バグの再現と修正といった開発ワークフローを効率化します。MCP(Model Context Protocol)を通じて動作し、既存のブラウザインスタンスに接続するか、新しいデバッグセッションを開始することで機能します。

対応~Claude Code~Codex CLI~Cursor
npx skills add ChromeDevTools/chrome-devtools-mcp

Installed? Explore more コーディング&開発 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

chrome-devtools-mcp は何をしますか?

コーディングエージェント向けのChrome DevTools

関連スキル