Fornisci la potenza di DevTools al tuo agente di codifica tramite il server MCP di DevTools o la sua CLI e le sue competenze specializzate.

Scopri di più su GitHub
Chrome DevTools funziona con tutti gli agenti che supportano i server MCP: Gemini CLI, Antigravity, Claude Code, Codex e altri. Utilizza il server MCP per informare l'agente delle funzionalità di DevTools a ogni sessione.
In alternativa al server MCP, puoi utilizzare la CLI di Chrome DevTools, che è più efficiente in termini di token. Il pacchetto del server MCP di Chrome DevTools include una skill specializzata che insegna all'agente di codifica come scrivere script utilizzando gli stessi potenti strumenti del server MCP.

Installa ora

Il server MCP e la CLI fanno parte dello stesso pacchetto. Ottienili per l'agente di codifica che preferisci. Di seguito sono riportate le istruzioni per gli agenti più popolari e su GitHub sono disponibili le istruzioni per oltre 20 agenti.

  # 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
 
  # 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 mcp add chrome-devtools -- npx chrome-devtools-mcp@latest

Dopo aver installato il server o la CLI DevTools MCP, prova alcuni prompt per iniziare. Chiedi un audit Lighthouse, di compilare un modulo o di fare uno screenshot, tutto dal tuo agente. Per vedere tutte queste funzionalità in azione, prova ad esempio il seguente prompt:

  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.

Questo prompt utilizza strumenti per creare una nuova pagina, interagire con la barra di ricerca ed eseguire una traccia del rendimento, inclusi i dati CrUX.


Visualizza tutti gli strumenti disponibili