chrome-devtools-mcp

by ChromeDevTools · TypeScript · ★ 37,767

Chrome DevTools for coding agents

#browser#chrome#chrome-devtools#debugging#devtools#mcp#mcp-server#puppeteer

Install

npx -y github:ChromeDevTools/chrome-devtools-mcp

Claude Desktop config

Add this to your claude_desktop_config.json:

{
  "mcpServers": {
    "chrome-devtools-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "github:ChromeDevTools/chrome-devtools-mcp"
      ]
    }
  }
}

From the README

[](https://npmjs.org/package/chrome-devtools-mcp) Chrome DevTools for Agents () lets your coding agent (such as Gemini, Claude, Cursor or Copilot) control and inspect a live Chrome browser. It acts as a Model-Context-Protocol (MCP) server, giving your AI coding assistant access to the full power of Chrome DevTools for reliable automation, in-depth debugging, and performance analysis. A [CLI](docs/cli.md) is also provided for use without MCP. - **Get performance insights**: Uses [Chrome DevTools](https://github.com/ChromeDevTools/devtools-frontend) to record traces and extract actionable…

Read full README on GitHub →

💡 Need a managed MCP host?

Try Claude Pro for the smoothest MCP experience, or browse our cloud-hosted servers.

Related developer tools servers

everything-claude-code

affaan-m

★ 170,676

The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.

Developer Tools · JavaScript