AugmentClaude
OfficialFeaturedMCP server · stdio

🔧Chrome DevTools

Let Claude drive and inspect a real Chrome browser — navigate, click, trace performance, read console and network.

What it does

Google's official Chrome DevTools MCP server gives Claude hands-on control of a real Chrome browser, backed by Puppeteer and the Chrome DevTools Protocol.

What it gives Claude:

  • Navigate, click, type, and fill forms via reliable browser automation
  • Record and analyze performance traces (Core Web Vitals, slow requests)
  • Inspect network requests and read console messages for debugging
  • Capture screenshots and snapshots of the live page
  • Emulate devices, throttle CPU/network, and profile memory

No API key required — it launches a local Chrome on demand. Maintained by the Google Chrome DevTools team.

Installation

  1. Make sure Claude is on your device and in your terminal.

    MCP servers register with Claude Code via claude mcp add. You need Claude Code installed first:

    npm i -g @anthropic-ai/claude-code
  2. Set up the server on your machine.

    Runs the project's installer (clone + dependencies + config). Follow any prompts. After this finishes, the server is ready to register with Claude Code in the next step.

  3. Restart Claude Code.

    Quit and reopen Claude Code so it picks up the new MCP registration. Run /mcp inside Claude Code to confirm the server is connected.

  4. Use it.

    Ask Claude naturally. It will call the server's tools when your request matches one. Tool calls show up inline so you can see exactly what Claude is doing.

Prefer to read the source first? Open on GitHub.