Setup guide

Set up chrome-devtools-mcp in Windsurf

communityunknownhealthy

Chrome DevTools for coding agents

01Configuration

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

Add this to ~/.codeium/windsurf/mcp_config.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 Windsurf is installed and up to date.
Open ~/.codeium/windsurf/mcp_config.json and add the block above (merge into any existing mcpServers).
Provide any required API keys/credentials as environment variables.
Restart Windsurf and confirm chrome-devtools-mcp’s tools appear.

03Other runtimes

Claude Desktop Cursor Cline Continue Goose VS Code 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