スキル公式
chrome-devtools
Apache-2.0
Chrome DevTools for agentsに同梱されているメインのスキルです。Chrome DevTools MCPサーバーのツールをうまく使う方法をエージェントに教えます。
スキルの内容
Chrome DevTools for agentsに同梱されているメインのスキルです。Chrome DevTools MCPサーバーのツールをうまく使う方法をエージェントに教えます。ブラウザが永続的なプロファイルで起動する仕組み、IDでページを選ぶ方法、クリックや入力の前にテキストのスナップショットから要素のIDを取得すること、拡張機能用やメモリ用のツールを有効にする起動フラグを説明しています。ページのデバッグ、操作の自動化、ネットワークリクエストの確認、パフォーマンスの確認に向いています。サーバーが機能を絞ったslimモードで動作している場合は適用されません。npmパッケージに同梱されており、Claude Code、VS Code、Gemini CLI向けのプラグインでもインストールされます。
できること
- 操作前の正しいページIDと要素IDの選択
- Chromeでのクリックとフォーム入力の自動化
- ネットワークリクエストとコンソール出力の確認
- ページのパフォーマンスの分析
概要
- 公開元
- ChromeDevTools
インストール
MCPサーバーやスキルは、お使いのコンピューターでコードを実行したり、データを操作したりできます。インストールする前にソースを確認してください。
詳細
| 項目 | 内容 | 出典 |
|---|---|---|
| 種類 | スキル | |
| ツール | Chrome DevTools | |
| 公開元 | ChromeDevTools | 出典 |
| 公式かどうか | 公式shipped in the official ChromeDevTools repository that Chrome's docs link to | 出典 |
| APIキーまたはサインインが必要 | ドキュメントに記載なし | |
| スクリプトを含む | いいえ | 出典 |
| プラットフォーム | ドキュメントに記載なし | |
| AIクライアント | Claude Code, Visual Studio Code, Gemini CLI | 出典 |
| ライセンス | Apache-2.0 | 出典 |
| 料金 | ドキュメントに記載なし | |
| 活動状況 | コミットデータなしダウンロード数のデータなし(npm・PyPIで未公開) | |
| リンク | リポジトリ |
出典
- GitHubリポジトリgithub.com/ChromeDevTools/chrome-devtools-mcp · 根拠となる項目:AIクライアント2026年11月12日
- スキルファイル(SKILL.md)github.com/ChromeDevTools/chrome-devtools-mcp2026年11月12日
- GitHubリポジトリgithub.com/ChromeDevTools/chrome-devtools-mcp · 根拠となる項目:公開元2026年11月12日
- ライセンスファイル(LICENSE)github.com/ChromeDevTools/chrome-devtools-mcp · 根拠となる項目:ライセンス2026年11月12日
- Webページdeveloper.chrome.com · 根拠となる項目:公式かどうか2026年11月12日
- リポジトリ内のフォルダ(chrome-devtools)github.com/ChromeDevTools/chrome-devtools-mcp · 根拠となる項目:スクリプトを含む2026年11月12日