Skip to content
Kitbay
Submit
Skill

chrome-devtools

MITUpdated on Nov 11, 202641,032GitHub stars

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.

What the skill teaches

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.

Capabilities

  • 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