Pular para o conteúdo

Chrome DevTools

Depure páginas, requisições de rede e desempenho em um Chrome ao vivo a partir do Claude.

Oficial do fabricantepor Chrome DevTools (Google)Verificado em 18 de outubro de 2026

Instale Chrome DevTools grátis

Deixe seu email e os passos de instalação abrem aqui mesmo: um prompt para colar na sua ferramenta de IA. Vale para as 149 skills.

Sem spam. Cancele com um clique. Usamos seu e-mail para enviar o curso e dicas de IA.

A skill que vem com o servidor MCP Chrome DevTools do Google. Ela ensina ao Claude formas eficientes de inspecionar uma página em execução, de requisições de rede a traces de desempenho.

Para quem é

  • Desenvolvedores frontend
  • Testadores de QA
  • Engenheiros de desempenho

Prompts para testar

Com a skill instalada, peça o resultado com suas palavras. Sua ferramenta de IA usa a skill sozinha.

Prompt 1
Abra meu site no Chrome e descubra por que as imagens dos produtos carregam devagar
Prompt 2
Verifique qual requisição de rede falha quando envio o formulário
Prompt 3
Analise o desempenho da home e me diga o que está pesando

Como instalar

As skills seguem o padrão aberto Agent Skills, então esta não depende de uma única empresa. Escolha a ferramenta de IA que você usa. Na dúvida? A primeira aba cobre a maioria em um passo só.

Mais fácil: cole isto em sua ferramenta de IA
Instale esta skill para mim para que ela funcione em todos os projetos: rode `npx skills add https://github.com/ChromeDevTools/chrome-devtools-mcp/tree/main/skills/chrome-devtools -g -y` no meu terminal. Se faltar o Node.js, me diga primeiro como instalar. Quando terminar, confirme que a skill foi instalada e me diga como começar a usar.

Ou faça você mesmo:

Um comando instala a skill nas ferramentas de IA do seu computador. Ele encontra as que você tem e pergunta em quais adicionar: Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, Windsurf, OpenCode e mais de 60 outras.

npx skills add https://github.com/ChromeDevTools/chrome-devtools-mcp/tree/main/skills/chrome-devtools -g

Você precisa ter o Node.js instalado (grátis, em nodejs.org). A opção -g deixa a skill disponível em todos os projetos.

Bom saber: O plugin também inclui skills para depuração de acessibilidade, otimização de LCP e vazamentos de memória.

Libere os passos de instalação

Grátis. Deixe seu email uma vez para liberar os passos de instalação das 149 skills e receber as melhores skills novas todo mês.

Sem spam. Cancele com um clique. Usamos seu e-mail para enviar o curso e dicas de IA.

Como verificamos

Confirmamos a skill na fonte original em 18 de outubro de 2026: o SKILL.md está onde deveria, os arquivos foram atualizados no último ano e a licença permite o uso. Ainda não a testamos em uma tarefa.