Discover the toolingbehind modern intelligence
The operating system for AI infrastructure discovery. Search a live map of MCP servers, AI agents, LLM tools, automation systems, and developer infrastructure.
chrome-devtools-mcp
Chrome DevTools for coding agents
42.8kstars
2.7kforks
TypeScript
browserchromechrome-devtoolsdebuggingdevtoolsmcpmcp-serverpuppeteer
Quality signals
ActiveNo testsNo CIThin docsNo licensePopular
AI summary
Auto-generated overview of what this skill does and when to reach for it.
This project enables AI coding agents to control and inspect a live Chrome browser using the full power of Chrome DevTools for reliable automation, in-depth debugging, and performance analysis.
Use this when
- Coding agents need to automate web browser interactions reliably.
- An AI assistant requires in-depth debugging of web applications.
- An AI agent needs to analyze web page performance metrics.
- Integrating browser control into AI-driven developer workflows.
- Debugging browser console errors with source-mapped stack traces.
Don't use when
- Your application requires strict data privacy from MCP clients.
- You need to control non-Google Chrome or Chrome for Testing browsers.
Capabilities
- Control and inspect a live Chrome browser.
- Automate browser actions with Puppeteer.
- Record performance traces and extract insights.
- Analyze network requests and browser console logs.
- Capture screenshots of web pages.
- Provide a Model-Context-Protocol (MCP) server.
InstallMCPRun via npx (Node)
Universal installANY TOOL
$ npx skillcity@latest ChromeDevTools/chrome-devtools-mcpAuto-detects the skill or MCP server in this repo and installs it for Claude Code, Codex, Cursor or Cline.
Requires Node.js 18+ (ships with npx).
Or install manually
npx -y chrome-devtools-mcp
MCP Configuration
Add this to your claude_desktop_config.json
{
"mcpServers": {
"chrome-devtools-mcp": {
"command": "npx",
"args": [
"-y",
"chrome-devtools-mcp"
]
}
}
}Readme
Loading README…