skills.rest
ChromeDevTools
ChromeDevToolsOFFICIAL
Explore all skills by this author →
WebsiteGitHub

chrome-devtools

Control Chrome DevTools via MCP for debugging and browser automation.

48.8k|3.4k|Updated Sep 11, 2025
Search Tags:#automation#debugging#MCP#Chrome DevTools#Puppeteer#web-performance#network-inspection
One-click install
npx skills add https://github.com/ChromeDevTools/chrome-devtools-mcp --skill chrome-devtools-chromedevtools
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: chrome-devtools
Source: https://github.com/ChromeDevTools/chrome-devtools-mcp/tree/main/skills/chrome-devtools
Command: npx skills add https://github.com/ChromeDevTools/chrome-devtools-mcp --skill chrome-devtools-chromedevtools

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

The Chrome DevTools MCP Skill provides a unified way to control and automate debugging, performance analysis, and browser interactions directly from your AI agent, eliminating manual tool switching.

Core Features & Use Cases

  • Debug web pages by launching Chrome DevTools, navigating pages, inspecting the DOM, and reviewing console messages.
  • Analyze performance and network activity by collecting traces, screenshots, and log data.
  • Automate common tasks (navigation, element interaction, data capture) using MCP commands and Puppeteer-backed actions.

Quick Start

Use the skill to debug a page by selecting a page, navigating to a URL, taking a snapshot, and inspecting network activity.

Frequently Asked Questions about chrome-devtools

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate Chrome DevTools debugging from an AI agent?▼

Automate Chrome DevTools debugging via MCP by navigating pages, inspecting DOM elements, reviewing console messages, and executing Puppeteer-backed actions directly from your AI agent without manual tool switching.

Can I inspect network activity and collect performance traces through MCP?▼

Inspect network activity and collect performance traces through MCP commands that capture screenshots, gather trace data, and retrieve network logs for web pages directly within your automated browser workflow.

What is the best way to control browser automation and page navigation with Puppeteer and MCP?▼

Control browser automation and page navigation using the MCP integration, which applies Puppeteer-backed actions to navigate URLs, interact with elements, and capture data across target web pages.

Do I need Puppeteer to use Chrome DevTools MCP commands for web performance analysis?▼

Puppeteer-backed actions are utilized by the Chrome DevTools MCP skill to execute web performance analysis and browser automation, relying on it to drive page interaction, data capture, and troubleshooting.

How to troubleshoot web pages by inspecting the DOM and taking snapshots via MCP?▼

Troubleshoot web pages by selecting a target, navigating to the URL, taking a DOM snapshot, and inspecting network activity using the provided suite of MCP commands for automated browser control.

Related Skills

Explore More Software Engineering Skills→
novskidevnovskidev
2

browser

Automate Chrome browser actions via the Chrome DevTools Protocol using Puppeteer.

Community
Advanced
harishgovardhandamodarharishgovardhandamodar

browser-testing-with-devtools

Inspect live web applications with Chrome DevTools MCP for debugging.

Community
Advanced
betaTridentbetaTrident

browser-qa

Automate visual regression testing and UI interaction verification for web applications.

Community
Advanced
zhouxiuminzhouxiumin

chrome-devtools

Automate browser control and debugging via the Chrome DevTools MCP protocol.

Community
Advanced