chrome-devtools-mcp: Chrome DevTools para agentes de IA — debug e performance reais
O chrome-devtools-mcp é um servidor MCP (Model Context Protocol) que conecta agentes de IA — como Claude, Cursor, Copilot e Gemini — diretamente ao Chrome DevTools de um navegador real. Mantido pela equipe oficial do Chrome DevTools no Google, o projeto acumula 40.289 stars no GitHub (dado de maio/2026) e 2.564 forks, com release mais recente em 18/05/2026. Em vez de gerar código no escuro, o agente passa a inspecionar requisições de rede, capturar screenshots, ler o console do navegador e rodar traces de performance do mesmo jeito que um desenvolvedor humano faria com o F12 aberto. É a peça que faltava para vibe coding sair do papel e virar debug real em produção, com 87 contributors ativos e licença Apache-2.0 totalmente livre para uso comercial.
O que faz
O chrome-devtools-mcp expõe as APIs do Chrome DevTools como ferramentas que um agente de IA pode chamar durante uma conversa. Na prática, isso significa que o agente consegue abrir uma página, clicar em botões, preencher formulários, ler o que está no console, baixar HAR de requisições e até gerar um trace de performance para apontar onde o site está travando.
Funciona via Puppeteer por baixo, mas a camada MCP padroniza a comunicação para qualquer LLM compatível. Você pede “abre o checkout e me diz por que a conversão caiu” — o agente navega, registra os erros de JavaScript, mede o LCP e devolve um diagnóstico estruturado.
Resolve um problema crítico: até hoje agentes de código escreviam testes sem nunca ter visto a página rodando. Agora veem. Para quem trabalha com otimização de conversão, é a diferença entre achismo e dado real do navegador do usuário.
Por que está em alta
O projeto saiu de menos de 5 mil stars em janeiro de 2026 para os 40.289 atuais — crescimento de 8x em quatro meses. O gatilho foi a adoção oficial dentro do Cursor e do Claude Code como ferramenta nativa de debugging web.
A release de 18/05/2026 (50ª no total) adicionou suporte a traces de performance estruturados que o LLM consegue interpretar, transformando o MCP em ferramenta de auditoria de Core Web Vitals automatizada. É um caso raro de projeto mantido pelo Google que ganhou tração orgânica fora do ecossistema corporativo.
Tabela de métricas
| Métrica | Valor |
|---|---|
| Stars | 40.289 |
| Licença | Apache-2.0 |
| Último update | Hoje (maio/2026) |
| Linguagem | TypeScript |
| Contributors | 87 |
Para quem serve / Para quem NÃO serve
Serve para: desenvolvedores que usam Claude Code, Cursor ou Copilot e cansaram de receber código que “deveria funcionar” mas quebra no browser. Serve também para profissionais de marketing técnico que querem auditar performance de landing pages sem abrir o DevTools manualmente — útil para quem gerencia campanhas de Google Ads e precisa diagnosticar páginas com CPL alto por causa de lentidão.
Serve ainda para times de QA que querem testes end-to-end conduzidos por IA com inspeção real do DOM.
NÃO serve para: quem não tem Node.js instalado ou nunca configurou um MCP server — a curva inicial existe. Também não serve para automações de scraping em massa: o foco é debugging de uma sessão controlada, não crawling distribuído. Não substitui ferramentas de monitoramento contínuo em produção como Datadog ou Sentry — é uma lente de inspeção sob demanda, não um observability stack.
Alternativas
Playwright MCP (open-source, Microsoft): cobre os principais navegadores além do Chrome, mas a integração com DevTools traces é menos profunda. Gratuito.
BrowserStack Automate (SaaS, a partir de US$ 39/mês por usuário): roda testes em navegadores reais na nuvem com gravação de sessão, mas não tem camada MCP nativa — precisa de wrapper para agentes.
Browserbase (SaaS, a partir de US$ 99/mês): infraestrutura headless gerenciada com suporte a Stagehand. Pago por sessão, escala bem mas custa caro em volume.
Veredicto
Instale hoje se você usa Claude Code ou Cursor para mexer em frontend. É a ferramenta que finalmente fecha o loop entre o que o agente escreve e o que o navegador realmente faz. Apache-2.0, mantido pelo Google, zero custo — não há razão para não testar.
CEO @leadmarkbr · Especialista em SEO e Tráfego Pago
CEO da LeadMark desde 2012. Mais de 15 anos em Google Ads, SEO/GEO e Meta Ads. Gero +60k leads/mês para 30 mil corretores de planos de saúde em todo o Brasil. Certificado Google Ads Search. Palestrante em eventos de marketing digital.
