# chrome devtools mcp — Agent Skill

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.

## At a glance

chrome-devtools-mcp is an Agent Skill by ChromeDevTools in the Automation & Workflow category. In Claude Code it installs with `/plugin install chrome-devtools-mcp@claude-plugins-official` after adding the anthropics/claude-plugins-official marketplace; other assistants use its SKILL.md instructions as rules. Its source repository has 54,406 GitHub stars (as of Oct 28, 2026).

## Install

### How to install chrome devtools mcp in Claude Code

1. Add the marketplace

```claude
/plugin marketplace add anthropics/claude-plugins-official
```

2. Install the skill

```claude
/plugin install chrome-devtools-mcp@claude-plugins-official
```

3. Use it

   These are slash commands for a Claude Code session, not your shell. Claude auto-invokes the skill when your request matches its description — or type its slash command if it exposes one.

### How to install chrome devtools mcp in Claude Desktop

1. Clone the source

```bash
git clone https://github.com/ChromeDevTools/chrome-devtools-mcp.git
```

2. Add the SKILL.md to your Skills folder

   Settings → Capabilities → Skills → add the folder containing SKILL.md. Claude picks it up automatically.

### How to install chrome devtools mcp in Cursor

1. Clone the source

```bash
git clone https://github.com/ChromeDevTools/chrome-devtools-mcp.git
```

2. Convert to a Cursor rule

   Create .cursor/rules/chrome-devtools-mcp.mdc and paste the SKILL.md body. Set `alwaysApply` or a glob so the Agent loads it in context.

### How to install chrome devtools mcp in Codex CLI

1. Clone the source

```bash
git clone https://github.com/ChromeDevTools/chrome-devtools-mcp.git
```

2. Reference in AGENTS.md

   Add the skill's instructions (or a link) to AGENTS.md at your repo root — Codex reads it on every run.

### How to install chrome devtools mcp in Windsurf

1. Clone the source

```bash
git clone https://github.com/ChromeDevTools/chrome-devtools-mcp.git
```

2. Add to your rules / context

   Paste the SKILL.md instructions into this tool's custom rules or workspace instructions so the agent follows them.

### How to install chrome devtools mcp in Cline

1. Clone the source

```bash
git clone https://github.com/ChromeDevTools/chrome-devtools-mcp.git
```

2. Add to your rules / context

   Paste the SKILL.md instructions into this tool's custom rules or workspace instructions so the agent follows them.

### How to install chrome devtools mcp in VS Code

1. Clone the source

```bash
git clone https://github.com/ChromeDevTools/chrome-devtools-mcp.git
```

2. Add to your rules / context

   Paste the SKILL.md instructions into this tool's custom rules or workspace instructions so the agent follows them.

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

---

Source: https://mcp-skills-hub.vercel.app/skills/chrome-devtools-mcp · MCP Skills Hub · data as of 2026-10-28T12:31:05Z