本文へスキップ
Kitbay
掲載依頼
スキル公式

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でのクリックとフォーム入力の自動化
  • ネットワークリクエストとコンソール出力の確認
  • ページのパフォーマンスの分析