Chrome DevTools para agentes
Dê o poder das DevTools ao seu agente de programação usando o servidor MCP das DevTools ou a CLI e as habilidades especializadas dele.
Servidor MCP
CLI
Instalar agora
O servidor do MCP e a CLI fazem parte do mesmo pacote. Faça o download deles para o agente de programação de sua preferência. Confira abaixo as instruções para os agentes mais populares e as instruções para mais de 20 agentes no GitHub.
CLI do Gemini
# Either MCP only: gemini mcp add chrome-devtools npx chrome-devtools-mcp@latest # Or as a Gemini extension (MCP+Skills): gemini extensions install --auto-update https://github.com/ChromeDevTools/chrome-devtools-mcp
Claude Code
# Either MCP only: claude mcp add chrome-devtools --scope user npx chrome-devtools-mcp@latest # Or as a plugin (MCP+Skills): /plugin marketplace add ChromeDevTools/chrome-devtools-mcp /plugin install chrome-devtools-mcp
Codex
codex mcp add chrome-devtools -- npx chrome-devtools-mcp@latest
Primeiras etapas
Depois de instalar o servidor ou a CLI do MCP do DevTools, teste alguns comandos para começar. Peça uma auditoria do Lighthouse, preencha um formulário ou peça uma captura de tela, tudo pelo seu agente. Para conferir todos esses recursos em ação, por exemplo, tente o seguinte comando:
Visit developer.chrome.com and run a search for "devtools", while recording a performance trace. Let me know how I can improve the website's performance.
Esse comando usa ferramentas para criar uma página, interagir com a barra de pesquisa e executar um rastreamento de desempenho, incluindo dados do CrUX.