Chrome DevTools MCP

Active
GitHub TypeScript Apache-2.0

Description

MCP server providing Chrome DevTools capabilities to coding agents, enabling web debugging, performance analysis, and DOM manipulation automation.

Key Features

  • Performance Insights — Record Chrome performance traces and extract actionable optimization recommendations
  • Advanced Browser Debugging — Analyze network requests, take screenshots, check console with source-mapped stack traces
  • Reliable Automation — Puppeteer-based browser automation with automatic wait for action results
  • MCP Server — Model Context Protocol server enabling AI coding assistants to control Chrome
  • Multi-client Compatibility — Claude Code, Cursor, Copilot, Cline, Codex and more supported
  • Slim Mode — Lightweight tool set for basic browser tasks with reduced resource usage

Use Cases

💡 Let AI coding assistants automatically debug web application performance issues
💡 Automate browser testing through MCP protocol integration
💡 Use AI assistants to analyze and fix frontend network request issues
💡 Integrate browser performance benchmarking into CI/CD pipelines
💡 Enable AI agents to control browsers for complex web automation tasks

Tags

mcp chrome-devtools browser-debug typescript automation

Categories

⚡ Agent Tools 🌐 Browser Agent

Quick Start

# Add to MCP client config
# Claude Code:
claude mcp add chrome-devtools -- npx chrome-devtools-mcp@latest

# Or add to mcpServers config:
{
  "mcpServers": {
    "chrome-devtools": {
      "command": "npx",
      "args": ["-y", "chrome-devtools-mcp@latest"]
    }
  }
}
Visit GitHub

Related Projects