⇄ MCP SERVER ★

Chrome DevTools MCP

Control and inspect Chrome: performance traces, console, network and DOM.

Open ↗

Install

# Claude Code
claude mcp add chrome-devtools -- npx -y chrome-devtools-mcp@latest

# Cursor / VS Code / Windsurf (mcp.json)
"chrome-devtools": { "command": "npx", "args": ["-y", "chrome-devtools-mcp@latest"] }

# Options: --headless, --isolated, --autoConnect

Commands change between releases — if something fails, check the official README.

About Chrome DevTools MCP

The Chrome DevTools team's server gives agents DevTools powers — record performance traces, read console errors, inspect network requests and automate the page. Can launch its own Chrome or connect to a running one.

FAQ

What is Chrome DevTools MCP?

Control and inspect Chrome: performance traces, console, network and DOM.

How do I install Chrome DevTools MCP?

Run: claude mcp add chrome-devtools -- npx -y chrome-devtools-mcp@latest. Full steps are in the Install section on this page.

Which agents does Chrome DevTools MCP work with?

Claude Code, Claude apps, Cursor, VS Code & Copilot, OpenAI Codex, Gemini CLI, Windsurf.

Is Chrome DevTools MCP free?

Yes. It is open source (Apache-2.0).

Alternatives to Chrome DevTools MCP?

Playwright MCP, Superpowers Chrome, webapp-testing.

Similar to Chrome DevTools MCP

More browser & web automation →

⇄ MCP SERVER★

Playwright MCP

Browser automation through Playwright using accessibility snapshots.

claude mcp add playwright -- npx -y @playwright/mcp@latest

Claude CodeClaude appsCursor +4

▣ PLUGIN

Superpowers Chrome

Claude Code plugin for direct Chrome control via the DevTools Protocol, with zero dependencies.

/plugin marketplace add obra/superpowers-marketplace

Claude Code

◆ SKILL

webapp-testing

Skill for testing local web apps with Playwright scripts.

/plugin marketplace add anthropics/skills

Claude CodeClaude appsOpenAI Codex +3