Chrome DevTools MCP Server

Install Chrome DevTools MCP Server

Paste this into your MCP client config — Claude Desktop, Claude Code, Cursor, VS Code and Windsurf all read the same shape — then restart the client.

npx -y chrome-devtools-mcp@latest

Config for each MCP client

The same server, in the shape each client expects. Copy the block for yours, restart it, and Chrome DevTools MCP Server appears in your next session.

Claude Desktop

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

Full Claude Desktop setup guide

Claude Code

claude mcp add chrome-devtools -- npx -y chrome-devtools-mcp@latest

Full Claude Code setup guide

Cursor

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

Full Cursor setup guide

VS Code

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

Full VS Code setup guide

Windsurf

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

Full Windsurf setup guide

Details

Repository

https://github.com/ChromeDevTools/chrome-devtools-mcp

Homepage

https://github.com/ChromeDevTools/chrome-devtools-mcp

Category

Development

Stars

5900

Installs per month

41000

Last checked

2026-07-17

Frequently asked questions

How do I install Chrome DevTools MCP Server?

Add it to your MCP client's config with the command `npx -y chrome-devtools-mcp@latest`, or paste the ready-made JSON block above into Claude Desktop, Cursor, VS Code or Windsurf. Claude Code users can run `claude mcp add chrome-devtools` instead. Restart the client and the tools appear in the next session.

Does Chrome DevTools MCP Server need an API key?

No credential is recorded for this listing, which usually means it runs against something local or public rather than an authenticated API. Check the repository's README before assuming, and if you find otherwise, tell us and we will correct the listing.

Which clients work with Chrome DevTools MCP Server?

Any MCP client. Claude Desktop, Claude Code, Cursor, VS Code with Copilot, Windsurf, Zed, Cline and Continue all speak the Model Context Protocol, so a server written once works in all of them — only the location of the config file differs.

Is Chrome DevTools MCP Server free?

The server itself is free and open source, and you run it yourself. It is published by the vendor of the system it connects to, so that service's own pricing applies to whatever it reaches.

Other Development servers

• Sequential Thinking MCP Server — A scratchpad for multi-step reasoning. Official (Development)
• Sentry MCP Server — Stack traces and issue context for real bugs. Official (Development)
• MCP Command Kit — Turn any WordPress site into a Model Context Protocol (MCP) server, so an AI agent can run the whole site from a chat. (Development)