chrome-devtools
✓Chrome DevTools MCP を使用したエキスパートレベルのブラウザ自動化、デバッグ、パフォーマンス分析。 Web ページの操作、スクリーンショットのキャプチャ、ネットワーク トラフィックの分析、パフォーマンスのプロファイリングに使用します。
SKILL.md
A specialized skill for controlling and inspecting a live Chrome browser. This skill leverages the chrome-devtools MCP server to perform a wide range of browser-related tasks, from simple navigation to complex performance profiling.
Always prefer takesnapshot over takescreenshot for finding elements. The snapshot provides uid values which are required by interaction tools.
When a page is failing, check both console logs and network requests.
Chrome DevTools MCP を使用したエキスパートレベルのブラウザ自動化、デバッグ、パフォーマンス分析。 Web ページの操作、スクリーンショットのキャプチャ、ネットワーク トラフィックの分析、パフォーマンスのプロファイリングに使用します。 ソース: github/awesome-copilot。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/github/awesome-copilot --skill chrome-devtools- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
chrome-devtools とは？
Chrome DevTools MCP を使用したエキスパートレベルのブラウザ自動化、デバッグ、パフォーマンス分析。 Web ページの操作、スクリーンショットのキャプチャ、ネットワーク トラフィックの分析、パフォーマンスのプロファイリングに使用します。 ソース: github/awesome-copilot。
chrome-devtools のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/github/awesome-copilot --skill chrome-devtools インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/github/awesome-copilot
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-01