chrome devtools mcp — Agent Skill
by ChromeDevTools · Updated
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,340 GitHub stars (as of Oct 27, 2026).
How to install chrome devtools mcp in your AI client
Setup for Claude Code, Claude Desktop, Cursor, Codex, Windsurf, Cline and VS Code — copy-paste ready.
How to install chrome devtools mcp in Claude CodeAnthropic's agentic CLI
Add the marketplace
claude/plugin marketplace add anthropics/claude-plugins-officialInstall the skill
claude/plugin install chrome-devtools-mcp@claude-plugins-officialUse 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 DesktopDesktop app (MCP config)
Clone the source
bashgit clone https://github.com/ChromeDevTools/chrome-devtools-mcp.gitAdd 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 CursorAI-first code editor
Clone the source
bashgit clone https://github.com/ChromeDevTools/chrome-devtools-mcp.gitConvert 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 CLIOpenAI coding agent
Clone the source
bashgit clone https://github.com/ChromeDevTools/chrome-devtools-mcp.gitReference 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 WindsurfCodeium's agentic IDE
Clone the source
bashgit clone https://github.com/ChromeDevTools/chrome-devtools-mcp.gitAdd 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 ClineVS Code autonomous agent
Clone the source
bashgit clone https://github.com/ChromeDevTools/chrome-devtools-mcp.gitAdd 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 CodeCopilot / MCP support
Clone the source
bashgit clone https://github.com/ChromeDevTools/chrome-devtools-mcp.gitAdd to your rules / context
Paste the SKILL.md instructions into this tool's custom rules or workspace instructions so the agent follows them.
Documentation
Full READMEChrome DevTools for agents
Chrome DevTools for agents (chrome-devtools-mcp) lets your coding agent (such as Antigravity, Claude, Cursor or Copilot) control and inspect a live Chrome browser. It is available as a Model-Context-Protocol (MCP) server and as a [CLI][cli]. Both give your AI coding assistant access to the full power of Chrome DevTools for reliable automation, in-depth debugging, and performance analysis.
[Tool reference][tool-reference] | [CLI][cli] | [Skills][skills] | [Changelog][changelog] | [Contributing][contributing] | [Troubleshooting][troubleshooting] | [Design Principles][design-principles]
Key features
- Get performance insights: Uses [Chrome
DevTools](https://github.com/ChromeDevTools/devtools-frontend) to record traces and extract actionable performance insights.
- Advanced browser debugging: Analyze network requests, take screenshots and
check browser console messages (with source-mapped stack traces).
- Reliable automation. Uses
puppeteer to automate actions in Chrome and automatically wait for action results.
Disclaimers
chrome-devtools-mcp exposes content of the browser instance to the MCP clients allowing them to inspect, debug, and modify any data in the browser or DevTools. Avoid sharing sensitive or personal information that you don't want to share with MCP clients.
chrome-devtools-mcp officially supports Google Chrome and Chrome for Testing only. Other Chromium-based browsers may work, but this is not guaranteed, and you may encounter unexpected behavior. Use at your own discretion. We are committed to providing fixes and support for the latest version of Extended Stable Chrome.
Performance tools may send trace URLs to the Google CrUX API to fetch real-user experience data. This helps provide a holistic performance picture by presenting field data alongside lab data. This data is collected by the Chrome User Experience Report (CrUX). To disable this, run with the --no-performance-crux flag.
Excerpt — the full document is on GitHub.
More Automation & Workflow skills
- Automation & Workflow45k
agent sdk dev
Development kit for working with the Claude Agent SDK
Claude Plugins (Official)by anthropics
- Automation & Workflow45k
claude code setup
Analyze codebases and recommend tailored Claude Code automations such as hooks, skills, MCP servers, and subagents.
Claude Plugins (Official)by anthropics
- Automation & Workflow45k
claude security
Deep vulnerability scanning of your own code, run entirely inside your Claude Code session at a chosen effort tier, with every finding challenged before it is reported and the verification tally computed in code. Turns surviving findings into targeted patches, each verified by a panel of agents, that you apply when yo…
Claude Plugins (Official)by anthropics
- Automation & Workflow45k
code simplifier
Agent that simplifies and refines code for clarity, consistency, and maintainability while preserving functionality. Focuses on recently modified code.
Claude Plugins (Official)by anthropics
- Automation & Workflow45k
feature dev
Comprehensive feature development workflow with specialized agents for codebase exploration, architecture design, and quality review
Claude Plugins (Official)by anthropics
- Automation & Workflow45k
firebase
Google Firebase MCP integration. Manage Firestore databases, authentication, cloud functions, hosting, and storage. Build and manage your Firebase backend directly from your development workflow.
Claude Plugins (Official)by anthropics
Catalog data refreshed . Something wrong? Report it.