Sie können Ihrem KI-Agenten die Leistungsfähigkeit der Entwicklertools zur Verfügung stellen, indem Sie den DevTools-MCP-Server oder die zugehörige CLI und die zugehörigen Skills verwenden.

Weitere Informationen auf GitHub 
Chrome DevTools funktioniert mit jedem Agenten, der MCP-Server unterstützt: Gemini CLI, Antigravity, Claude Code, Codex und mehr. Mit dem MCP-Server können Sie Ihrem Agenten in jeder Sitzung die Funktionen von DevTools mitteilen.
Als tokeneffizientere Alternative zum MCP-Server können Sie die Chrome DevTools CLI verwenden. Das Chrome DevTools MCP-Serverpaket enthält einen speziellen Skill, der Ihrem Coding-Agent beibringt, wie er Skripts schreibt. Dabei werden dieselben leistungsstarken Tools wie auf dem MCP-Server verwendet.

Jetzt installieren

Sowohl der MCP-Server als auch die CLI sind Teil desselben Pakets. Rufen Sie sie für den Coding-Agent Ihrer Wahl ab. Unten finden Sie Anleitungen für die beliebtesten Agents sowie Anleitungen für über 20 Agents auf 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

Nachdem Sie den DevTools-MCP-Server oder die CLI installiert haben, können Sie einige Prompts ausprobieren. Sie können Ihren Agenten bitten, einen Lighthouse-Audit durchzuführen, ein Formular auszufüllen oder einen Screenshot zu erstellen. Um alle diese Funktionen in Aktion zu sehen, können Sie beispielsweise den folgenden Prompt ausprobieren:

  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.

Bei diesem Prompt werden Tools verwendet, um eine neue Seite zu erstellen, mit der Suchleiste zu interagieren und einen Leistungstrace auszuführen, einschließlich CrUX-Daten.


Alle verfügbaren Tools ansehen