Back to Directory
Chrome DevTools MCP

Chrome DevTools MCP

Community Favorite

Developer Tools

Chrome DevTools for coding agents. Inspect, debug and automate Chrome directly from your AI editor.

One-Click Install

Deploy instantly to your favorite IDE

VS Code

VS Code

Install directly via the VS Code MCP extension.

Cursor

Cursor

One-click addition to your Cursor AI rules.

CLI Install

Universal

Works with VS Code, Cursor, Windsurf, Claude & more

Terminal
$npx mcpclick install chrome-devtools-mcp
Ready for:
VS Code
Cursor
Claude
OpenCode
Antigravity
1

Locate Config File

Add the JSON configuration below to your Windsurf config file:

~/.codeium/windsurf/mcp_config.json
2

Add Configuration

JSON
{
  "mcpServers": {
    "chrome-devtools-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "chrome-devtools-mcp@latest"
      ],
      "env": {}
    }
  }
}

Package Metadata

Package Name
chrome-devtools-mcp
Command
npx
Community Trust
155
users love this

Global Links

GitHub Repo