Skip to content
appsgit

Chrome DevTools MCP

Chrome DevTools MCP is an MCP server that adds web browsing tools to AI assistants such as Claude Desktop, Claude Code and Cursor. MCP server for Chrome DevTools. It has 53,049 GitHub stars, is released under the Apache-2.0 license and runs locally with npx -y chrome-devtools-mcp.

github.com/ChromeDevTools/chrome-devtools-mcp (opens in a new tab)

View on GitHub (opens in a new tab)

Install Chrome DevTools MCP

Generated from the server's MCP registry entry. Replace your-value with your own values.

Claude Desktop

claude_desktop_config.json
{
  "mcpServers": {
    "chrome-devtools-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "chrome-devtools-mcp"
      ]
    }
  }
}

Settings > Developer > Edit Config. macOS: ~/Library/Application Support/Claude/, Windows: %APPDATA%\Claude\. Restart Claude Desktop afterwards.

Claude Code

claude mcp add --transport stdio chrome-devtools-mcp -- npx -y chrome-devtools-mcp

Cursor

.cursor/mcp.json
{
  "mcpServers": {
    "chrome-devtools-mcp": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "chrome-devtools-mcp"
      ]
    }
  }
}

Project file; use ~/.cursor/mcp.json to enable it in every project.

VS Code

.vscode/mcp.json
{
  "servers": {
    "chrome-devtools-mcp": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "chrome-devtools-mcp"
      ]
    }
  }
}

Config formats checked against the official docs on Oct 7, 2026: modelcontextprotocol.io (opens in a new tab), code.claude.com (opens in a new tab), cursor.com (opens in a new tab), code.visualstudio.com (opens in a new tab).

About Chrome DevTools MCP

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.

  • mcp-server
  • puppeteer
  • chrome-devtools
  • browser
  • chrome
  • debugging
  • devtools
  • mcp

Similar MCP servers

More web & browsing MCP servers

All Web & browsing

FAQ

Chrome DevTools MCP FAQ

Still curious? Email info@appsgit.com.

What is Chrome DevTools MCP?

Chrome DevTools MCP is an MCP server that adds web browsing tools to AI assistants such as Claude Desktop, Claude Code and Cursor. MCP server for Chrome DevTools. It has 53,049 GitHub stars, is released under the Apache-2.0 license and runs locally with npx -y chrome-devtools-mcp. The source code is at github.com/ChromeDevTools/chrome-devtools-mcp.

How do I install the Chrome DevTools MCP MCP server?

Add the command npx -y chrome-devtools-mcp to your MCP client: put it in claude_desktop_config.json for Claude Desktop, run claude mcp add for Claude Code, or add it to .cursor/mcp.json (Cursor) or .vscode/mcp.json (VS Code). The snippets on this page are ready to paste.

Is Chrome DevTools MCP free?

The server is open source under the Apache-2.0 license, so running it is free. It does not declare any required API key.

Is Chrome DevTools MCP actively maintained?

The most recent commit was on Oct 6, 2026. The latest release is chrome-devtools-mcp-v1.10.1, published Sep 23, 2026. appsgit only lists MCP servers with a commit in the last six months and re-checks every server daily.