O Chrome DevTools MCP coloca o navegador dentro do ciclo de trabalho do agente de IA. Em vez de receber feedback de erros em texto, o agente abre o Chrome, inspeciona o console, captura screenshots e analisa a rede. Tudo sem precisar de um humano apontando onde está o problema.
O projeto é mantido pelo time oficial do Google Chrome e tem mais de 53.000 estrelas e 6.100 forks no GitHub desde seu lançamento em setembro de 2025. Compatível com Claude Code, Cursor, GitHub Copilot, Antigravity e Codex, o servidor virou referência em automação de agentes de IA que precisam de browser.
O que o agente consegue fazer com o Chrome DevTools MCP
Com o servidor conectado, o agente passa a enxergar e controlar o Chrome com as mesmas ferramentas que um desenvolvedor usaria manualmente: console de erros com stack traces mapeados pelo source map, análise de requisições de rede, screenshots de qualquer estado da página, emulação de dispositivos e geolocalizações, e automação de cliques via Puppeteer.
Na versão 1.10, lançada em 23 de setembro de 2026, o time adicionou a ferramenta get_css_styles, que permite ao agente inspecionar os estilos CSS aplicados a um elemento, herança incluída. O parser de gravação de traces passou a trabalhar com buffers fragmentados, resolvendo travamentos em análises longas. A versão atual é a 1.10.1.
O servidor também executa auditorias via Lighthouse diretamente do agente: acessibilidade (A11y), SEO e performance, com checklist gerado antes de enviar o código para produção. Esse fluxo de QA proativo é um dos casos de uso documentados na página oficial.
Como configurar em menos de dois minutos
A instalação padrão do Chrome DevTools MCP usa npx sem precisar de nada instalado além do Node.js e do Chrome estável:
{
"mcpServers": {
"chrome-devtools": {
"command": "npx",
"args": ["-y", "chrome-devtools-mcp@latest"]
}
}
}
Para tarefas simples: tirar screenshot, verificar links, testar responsividade. O modo --slim --headless inicia sem abrir janela e consome menos recursos. Para o Claude Code, o marketplace já lista o pacote ChromeDevTools/chrome-devtools-mcp com as Skills especializadas incluídas.
Por padrão, o servidor coleta telemetria de uso (taxa de sucesso, latência e ambiente) para o Google. Quem preferir desativar passa --no-usage-statistics nos argumentos.
Por que isso importa para o seu negócio
Qualquer equipe que usa Claude Code, Cursor ou Copilot para desenvolvimento web tem hoje um problema concreto: o agente escreve código, mas não vê o resultado no navegador. Ele depende de prints tirados à mão ou de mensagens de erro copiadas do terminal, o que cria atritos no ciclo de revisão.
O Chrome DevTools MCP fecha esse ciclo. Com mais de 230 issues abertas e uma cadência de lançamento semanal, o projeto está em evolução ativa. Para empresas que já colocaram agentes de IA para escrever código com Claude Code, adicionar o servidor MCP do Google transforma o agente em um QA funcional, sem contratar um testador extra.
Conteúdo reescrito e traduzido para PT pela redação luiscortex, revisado por humano.
Fonte: github.com
