---
title: "Chrome DevTools MCP Browser Debugging and Performance Analysis"
description: "Chrome DevTools MCP connects an MCP-compatible agent to a live Chrome browser for debugging, automation, and performance work. It exposes Chrome DevTools capabilities through MCP, so agents can inspect network traffic, collect traces, capture screenshots, and automate browser actions from the same server."
verification: "security_reviewed"
source: "https://github.com/ChromeDevTools/chrome-devtools-mcp"
author: "ChromeDevTools"
publisher_type: "Open Source Project"
category:
  - "Browser Automation"
framework:
  - "MCP"
tool_ecosystem:
  github_repo: "ChromeDevTools/chrome-devtools-mcp"
  github_stars: 34239
---

# Chrome DevTools MCP Browser Debugging and Performance Analysis

Chrome DevTools MCP connects an MCP-compatible agent to a live Chrome browser for debugging, automation, and performance work. It exposes Chrome DevTools capabilities through MCP, so agents can inspect network traffic, collect traces, capture screenshots, and automate browser actions from the same server.

## Prerequisites

Node.js v20.19+, Google Chrome, npm

## Installation

Choose whichever fits your setup:

1. Copy this skill folder into your local skills directory.
2. Clone the repo and symlink or copy the skill into your agent workspace.
3. Add the repo as a git submodule if you manage shared skills centrally.
4. Install it through your internal provisioning or packaging workflow.
5. Download the folder directly from GitHub and place it in your skills collection.

Install command or upstream instructions:

```
npx -y chrome-devtools-mcp@latest
```

## Documentation

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

## Source

- [Agent Skill Exchange](https://agentskillexchange.com/skills/chrome-devtools-mcp-browser-debugging-performance-analysis/)