chrome-devtools
Kept in GitHub's awesome-copilot repository, this skill prepares an agent to work with the chrome-devtools MCP server, which has to be configured separately.
スキルの内容
Kept in GitHub's awesome-copilot repository, this skill prepares an agent to work with the chrome-devtools MCP server, which has to be configured separately. It groups the server's tools by purpose (page management, input, inspection and debugging, emulation, and performance) and explains when to use each one. Three short routines are included: take a text snapshot to find element ids before clicking or typing, check console messages and failed network requests when a page breaks, and record a trace with a reload to look into slow loads. It closes with tips on tracking the active tab and refreshing snapshots after the page changes.
できること
- Find page elements from a text snapshot before acting
- Troubleshoot a failing page via console and network data
- Profile a slow page with a performance trace
- Emulate network or CPU conditions
概要
- 公開元
- GitHub
インストール
MCPサーバーやスキルは、お使いのコンピューターでコードを実行したり、データを操作したりできます。インストールする前にソースを確認してください。
詳細
出典
- スキルファイル(SKILL.md)github.com/github/awesome-copilot · 根拠となる項目:ライセンス2026年11月10日
- GitHubリポジトリgithub.com/github/awesome-copilot · 根拠となる項目:公式かどうか, 公開元, 活動状況, ライセンス2026年11月11日
- リポジトリ内のフォルダ(chrome-devtools)github.com/github/awesome-copilot · 根拠となる項目:スクリプトを含む2026年11月10日