Pular para o conteúdo
Kitbay
Enviar
Skill

chrome-devtools

MITAtualizado em 11 de nov. de 202641.032Estrelas no GitHub

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.

O que a skill ensina

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.

O que faz

  • 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