Give the power of DevTools to your coding agent through the DevTools MCP server or its specialized CLI and skills.

Learn more on GitHub
Chrome DevTools works with every agent that supports MCP servers: Gemini CLI, Antigravity, Claude Code, Codex, and more. Use the MCP server to let your agent know about DevTools' capabilities with every session.
As a more token-efficient alternative to the MCP server, you can use Chrome DevTools CLI. The Chrome DevTools MCP server package includes a specialized skill which teaches your coding agent how to write scripts, using the same powerful tools as the MCP server.

Install now

Both the MCP server and the CLI are part of the same package. Get them for your coding agent of choice. Find instructions for the most popular agents below, and instructions for over 20 agents on 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

Once you've installed the DevTools MCP server or CLI, try a few prompts to get started! Ask for a Lighthouse audit, to fill out a form, or ask for a screenshot - all from your agent. To see all those capabilities in action, for example try the following 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.

This prompt uses tools to create a new page, interact with the search bar and runs a performance trace, including CrUX data!


See all available tools