Donnez à votre agent de codage la puissance des outils de développement grâce au serveur MCP DevTools ou à son interface de ligne de commande et ses compétences spécialisées.

En savoir plus sur GitHub
Les outils de développement Chrome fonctionnent avec tous les agents compatibles avec les serveurs MCP : Gemini CLI, Antigravity, Claude Code, Codex, etc. Utilisez le serveur MCP pour informer votre agent des capacités de DevTools à chaque session.
Vous pouvez utiliser la CLI des outils pour les développeurs Chrome comme alternative plus efficace en termes de jetons au serveur MCP. Le package de serveur MCP des outils pour les développeurs Chrome inclut une compétence spécialisée qui apprend à votre agent de codage à écrire des scripts, en utilisant les mêmes outils puissants que le serveur MCP.

Installer

Le serveur MCP et l'interface de ligne de commande font partie du même package. Obtenez-les pour l'agent de codage de votre choix. Vous trouverez ci-dessous des instructions pour les agents les plus populaires, ainsi que des instructions pour plus de 20 agents sur GitHub.

  # 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

Une fois que vous avez installé le serveur ou la CLI MCP DevTools, essayez quelques requêtes pour commencer. Demandez un audit Lighthouse, à remplir un formulaire ou à obtenir une capture d'écran, le tout depuis votre agent. Pour voir toutes ces fonctionnalités en action, essayez par exemple le prompt suivant :

  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.

Cette requête utilise des outils pour créer une page, interagir avec la barre de recherche et exécuter une trace de performances, y compris les données CrUX.


Afficher tous les outils disponibles