ChromeDevTools/chrome-devtools-mcp

Ferramentas de desenvolvimento do Chrome para agentes de codificação.

O que é chrome-devtools-mcp?

Este skill capacita agentes de IA (como Claude Code, Cursor, Codex) a interagir diretamente com o Chrome DevTools para depuração e inspeção de páginas web. Ele permite que o agente capture a árvore DOM, console, logs de rede, e realize auditorias de performance, tudo sem intervenção manual. Suporta plataformas como Claude Code, Cursor, Windsurf e outros que implementam o protocolo MCP. Útil para automatizar tarefas de front-end, depuração remota e testes em tempo real. O agente usa comandos como `connect` para abrir uma sessão com o Chrome e depois inspecionar ou modificar o estado da página.

Funciona com~Claude Code~Codex CLI~Cursor
npx skills add ChromeDevTools/chrome-devtools-mcp

Installed? Explore more Programação e Desenvolvimento skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

O que chrome-devtools-mcp faz?

Chrome DevTools para agentes de codificação

Visão Geral

Este skill integra o Chrome DevTools a agentes de IA, permitindo que agentes de codificação inspecionem e depurem páginas web ao vivo.

Funcionalidades

  • Inspeção DOM: Obtém a árvore DOM atual da página
  • Console: Acessa mensagens de console e erros
  • Network: Captura requisições de rede e respostas
  • Performance: Executa auditorias de performance

Como usar

  1. Conecte o agente ao Chrome usando o comando connect
  2. Use ferramentas como get_dom, get_console_errors, get_network_logs
  3. Analise e depure páginas web automaticamente

Plataformas suportadas

  • Claude Code
  • Cursor
  • Windsurf
  • Outros agentes compatíveis com MCP

Habilidades Relacionadas