Chrome DevTools

MCP Server

by chromedevtools · Added 5mo ago

Claude
31.1k

Install

npx -y chrome-devtools-mcp

Add to Claude

claude mcp add chromedevtools-chrome-devtools-mcp

Quick Setup Config

Copy & paste ready

~/Library/Application Support/Claude/claude_desktop_config.json (macOS) %APPDATA%\Claude\claude_desktop_config.json (Windows)

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

Paste into your Claude Desktop config file, then restart Claude.

About

Provides direct Chrome browser control through DevTools for web automation, debugging, and performance analysis using accessibility tree snapshots for reliable element targeting, automatic page event handling, and integrated performance tracing with actionable insights.

Tags

Web & Browsermcp-servernpm

From Our Store

View all →
Claude Code

Claude Code Power User Kit

$39+

Advanced Claude Code skills and configurations

OpenClaw

OpenClaw Business Starter Kit

$59+

Set Up Your AI Assistant in 60 Minutes