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

chrome-devtools

MIT2026年11月11日 更新41,032GitHubスター

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