BeClaude

chrome-devtools-mcp

New
Official PluginDevelopmentby Anthropic

Control and inspect a live Chrome browser from your coding agent. Record performance traces, analyze network requests, check console messages with source-mapped stack traces, and automate browser actions with Puppeteer.

Install & Usage

1
Create the skills directory
mkdir -p .claude/skills
2
Download the skill file
mkdir -p .claude/skills && curl -o .claude/skills/chrome-devtools-mcp.md https://raw.githubusercontent.com/ChromeDevTools/chrome-devtools-mcp/main/SKILL.md
3
Invoke in Claude Code
/chrome-devtools-mcp
mcpagent

Frequently Asked Questions

What is chrome-devtools-mcp?

Control and inspect a live Chrome browser from your coding agent. Record performance traces, analyze network requests, check console messages with source-mapped stack traces, and automate browser actions with Puppeteer.

How to install chrome-devtools-mcp?

To install chrome-devtools-mcp, create the .claude/skills directory in your project, then run the curl command to download the skill file. Once installed, invoke it in Claude Code with /chrome-devtools-mcp.

What is chrome-devtools-mcp best for?

chrome-devtools-mcp is a plugin categorized under Development. It is designed for: mcp, agent. Created by Anthropic.