Setup guide

Set up chrome-devtools-mcp in VS Code

communityunknownhealthy

Chrome DevTools for coding agents

01Configuration

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

Add this to .vscode/mcp.json. Generated from the captured install method (npx); the mcpServers shape is shared across Claude Desktop, Cursor, Windsurf, Cline, and VS Code.

02Steps

Make sure VS Code is installed and up to date.
Open .vscode/mcp.json and add the block above (merge into any existing mcpServers).
Provide any required API keys/credentials as environment variables.
Restart VS Code and confirm chrome-devtools-mcp’s tools appear.

03Other runtimes

Claude Desktop Cursor Windsurf Cline Continue Goose OpenAI Agents SDK LangGraph CrewAI

04Provenance

config_sourcegenerated from captured install method

last_checked2026-06-30 00:10Z

sourcesnpm registry [p4] · GitHub repo search [p4]

Next step

Ship chrome-devtools-mcp to your agents as a governed Loadout — config, scopes, and approval rules in one place.

Build a Loadout

See also: server page · is it safe? · alternatives