chrome-devtools-mcp
Chrome DevTools for coding agents
chrome-devtools-mcp is a Model Context Protocol server that gives AI coding assistants complete control over a live Chrome browser through the Chrome DevTools API. Built by the ChromeDevTools team, this AI sub-agent enables developers to automate browser interactions, debug web applications, analyze performance traces, inspect network traffic, and capture screenshots—all through natural language prompts to their AI assistant. It leverages Puppeteer for reliable automation and the full Chrome DevTools Protocol for deep inspection capabilities.
Key Features
Use Cases
- 01Ask an AI assistant to measure and diagnose Core Web Vitals issues on production websites
- 02Automate end-to-end testing workflows by describing user flows in natural language
- 03Debug JavaScript errors by having the agent inspect console messages and stack traces
- 04Analyze network waterfalls to identify slow API calls or oversized assets
- 05Generate automated accessibility and Lighthouse audits directly from chat prompts
- 06Profile memory usage and detect memory leaks in single-page applications
Related Agents
View moreunsloth
Local UI to run and train LLMs and diffusion models, including Qwen3.8, Kimi K3, MiniMax-H3, Gemma 4, DeepSeek-V4, FLUX and more.
codegraph
Pre-indexed code knowledge graph, auto syncs on code changes, for Claude Code, Codex, Gemini, Cursor, OpenCode, AntiGravity, Kiro, and Hermes Agent — fewer tokens, fewer tool calls, 100% local
claude-code-best-practice
from vibe coding to agentic engineering - practice makes claude perfect
system_prompts_leaks
Extracted system prompts from Anthropic - Claude Fable 5, Opus 5, Claude Design, Claude Code. OpenAI - ChatGPT GPT-5.6-Sol, Codex. Google - Gemini 3.5 Flash, 3.1 Pro, Antigravity. xAI - Grok, Cursor, Copilot, VS Code, Perplexity, and more. Updated regularly.
chrome-devtools-mcp — FAQ
What is chrome-devtools-mcp?+
chrome-devtools-mcp is an MCP server that connects AI coding assistants to a live Chrome browser, enabling browser automation, performance analysis, network debugging, and DevTools instrumentation through natural language prompts.
How do I install chrome-devtools-mcp?+
Add the server to your MCP client config with the command 'npx' and args '['-y', 'chrome-devtools-mcp@latest']'. Most clients support one-click installation or CLI commands like 'claude mcp add' or 'cursor install-mcp'.
Which AI clients support chrome-devtools-mcp?+
It works with Claude Code, Claude Desktop, Cursor, VS Code Copilot, Windsurf, Cline, Antigravity, JetBrains AI Assistant, Gemini CLI, Devin CLI, Warp, Visual Studio, and many other MCP-compatible clients.
What are the prerequisites for using chrome-devtools-mcp?+
You need Node.js LTS, npm, and Google Chrome stable or newer. No API keys are required. The server automatically launches Chrome unless you connect to an existing instance via --browserUrl or --wsEndpoint.
Is chrome-devtools-mcp free to use?+
Yes, it is open source and free. Google collects usage statistics by default to improve the tool, but you can opt out with the --no-usage-statistics flag.
Can I connect chrome-devtools-mcp to an already running Chrome instance?+
Yes, use the --browserUrl flag (e.g., 'http://127.0.0.1:9222') or --wsEndpoint with a WebSocket URL to attach to an existing debuggable Chrome session instead of launching a new browser.
How do I install chrome-devtools-mcp?+
Open the source repository on GitHub and follow its README. chrome-devtools-mcp is a agent — MCP Agents Market links you directly to the official repo.
Is chrome-devtools-mcp free?+
chrome-devtools-mcp is an open-source project hosted on GitHub. Check the repository for its license and any usage requirements.