chrome-devtools-mcp MCP Server
ChromeDevTools/chrome-devtools-mcp
[](https://agentrank-ai.com/tool/ChromeDevTools--chrome-devtools-mcp/?utm_source=badge&utm_medium=readme&utm_campaign=agentrank_badge) Chrome DevTools for coding agents
claude mcp add agentrank -- npx -y agentrank-mcp-server Overview
ChromeDevTools/chrome-devtools-mcp is a TypeScript tool licensed under Apache-2.0. Chrome DevTools for coding agents Topics: mcp-server, puppeteer, chrome-devtools, browser, chrome, debugging, devtools, mcp.
Ranked #286 out of 24846 indexed tools.
In the top 2% of all indexed tools.
Has 53,417 GitHub stars.
Used by 578 other projects.
Has 129 contributors.
Actively maintained with commits in the last week.
Ecosystem
Score Breakdown
53,417 stars → extremely popular
Last commit 4d ago → actively maintained
461/675 issues closed → decent issue management
129 contributors → active community
578 dependents → gaining traction
1,026,016 weekly installs → widely installed
Weights: Freshness 20% · Issue Health 20% · Dependents 22% · Stars 10% · Contributors 8% · How we score →
Badge all embed codes →
[](https://agentrank-ai.com/tool/ChromeDevTools--chrome-devtools-mcp/?utm_source=badge&utm_medium=readme&utm_campaign=agentrank_badge) <a href="https://agentrank-ai.com/tool/ChromeDevTools--chrome-devtools-mcp/?utm_source=badge&utm_medium=readme&utm_campaign=agentrank_badge"><img src="https://agentrank-ai.com/api/v1/badge/ChromeDevTools--chrome-devtools-mcp" alt="AgentRank"></a> Matched Queries
From the README
# Chrome DevTools for agents Chrome DevTools for agents (`chrome-devtools-mcp`) lets your coding agent (such as Antigravity, Claude, Cursor or Copilot) control and inspect a live Chrome browser. It acts as a Model-Context-Protocol (MCP) server, giving your AI coding assistant access to the full power of Chrome DevTools for reliable automation, in-depth debugging, and performance analysis. A [CLI][cli] is also provided for use without MCP. [Tool reference][tool-reference] | [Changelog][changelog] | [Contributing][contributing] | [Troubleshooting][troubleshooting] | [Design Principles][design-principles] ## Key features - **Get performance insights**: Uses [Chrome DevTools](https://github.com/ChromeDevTools/devtools-frontend) to record traces and extract actionable performance insights. - **Advanced browser debugging**: Analyze network requests, take screenshots and check browser console messages (with source-mapped stack traces). - **Reliable automation**. Uses [puppeteer](hRead full README on GitHub →
Get the weekly AgentRank digest
Top movers, new tools, ecosystem insights — straight to your inbox.