chrome-devtools-mcp
コーディングエージェントから稼働中の Chrome ブラウザを制御・検査。パフォーマンストレースの記録、ネットワークリクエストの分析、ソースマップ対応スタックトレース付きのコンソールメッセージ確認、Puppeteer によるブラウザ操作の自動化。
導入
公式マーケットプレイスが未追加なら先に実行
- カテゴリ
- 開発
こんな用途に
- パフォーマンストレースを記録し、改善のヒントを得る
- ネットワークリクエストを分析し、スクリーンショットを撮る
- ソースマップ対応のスタックトレース付きでコンソールメッセージを確認する
- Puppeteer で Chrome の操作を自動化する
始め方
- /plugin install chrome-devtools-mcp@claude-plugins-official を実行する
- 「Check the performance of https://developers.chrome.com」と入力して動作を確認する
- ブラウザが必要なツールを Claude が使うと Chrome が自動で起動する
導入前に
Node.js LTS、npm、最新安定版 Chrome が必要です。Google は既定で利用統計を収集します（--no-usage-statistics で無効化）。ブラウザの内容は MCP クライアントに公開されるため、機密情報は扱わないでください。
プロジェクトの説明をもとに AI がまとめました。利用前に公式ドキュメントをご確認ください。
似たツール
- agentforce-adlc公式プラグイン · 開発
Agentforce のエージェント開発ライフサイクル。.agent ファイルの作成、検出、スキャフォールド、デプロイ、テスト、最適化。
- astronomer-data-agents公式プラグイン · 開発
Apache Airflow と Astronomer のためのデータエンジニアリング。ベストプラクティスに沿った DAG 作成、パイプライン障害のデバッグ、データリネージの追跡、テーブルのプロファイリング、Airflow 2 から 3 への移行、ローカルとクラウドのデプロイ管理。
- atomic-agents公式プラグイン · 開発
Atomic Agents フレームワークで AI エージェントを構築するための開発ワークフロー。スキーマ設計、アーキテクチャ計画、コードレビュー、ツール開発の専用エージェント、ガイド付きワークフロー、段階的開示型スキル、ベストプラクティス検証を含む。
- aws-amplify公式プラグイン · 開発
AWS Amplify Gen 2 でフルスタックアプリを構築。認証、データモデル、ストレージ、GraphQL API、Lambda 関数のガイド付きワークフロー。
- aws-serverless公式プラグイン · 開発
AWS のサーバーレスサービスでサーバーレスアプリケーションを設計・構築・デプロイ・テスト・デバッグ。
出典 anthropics/claude-plugins-official · 更新日 2026年10月11日 · 著作権は各作者に帰属します