skills.rest
ChromeDevToolsChromeDevToolsOfficial·5 Agent Skills Included

chrome-devtools-mcp

Let AI agents control, debug, and audit live Chrome browsers

Connects AI coding agents to a live Chrome browser for automation, debugging, and performance analysis. Records performance traces, fixes slow page loads and LCP issues, finds memory leaks, and audits accessibility. Eliminates manual clicking through DevTools panels by turning inspection, network analysis, and browser actions into simple agent commands.
50,312|3,542
↗
npx skills add ChromeDevTools/chrome-devtools-mcp --all -g -y

All Skills in This Repository (5)

Pure Emerald Level Indicators
📦 In Repo
ChromeDevToolsChromeDevTools

debug-optimize-lcp

Diagnose and optimize Largest Contentful Paint using Chrome DevTools performance traces.

Official
Intermediate
📦 In Repo
ChromeDevToolsChromeDevTools

chrome-devtools-cli

Automate browser tasks and inspect Chrome via the chrome-devtools command-line interface.

Official
Intermediate
📦 In Repo
ChromeDevToolsChromeDevTools

memory-leak-debugging

Diagnose JavaScript memory leaks by capturing and comparing heap snapshots with Chrome DevTools MCP.

Official
Advanced
📦 In Repo
ChromeDevToolsChromeDevTools

a11y-debugging

Audit web pages for accessibility issues using Chrome DevTools MCP tools.

Official
Intermediate
📦 In Repo
ChromeDevToolsChromeDevTools

chrome-devtools

Control Chrome DevTools via MCP for debugging and browser automation.

Official
Intermediate

Frequently Asked Questions

FAQPage Schema
How to install chrome-devtools-mcp?▼

Run `npx skills add ChromeDevTools/chrome-devtools-mcp --all -g -y` in your terminal to install the full suite globally.

What can AI agents do with Chrome DevTools?▼

Your agent can navigate pages, click elements, fill forms, take screenshots, inspect network requests, read console errors, and record performance traces in a real Chrome browser.

How to fix slow page load and LCP issues with AI?▼

The LCP debugging skill records a performance trace, breaks load time into four subparts, identifies the bottleneck, and suggests concrete fixes like preloading images or removing render-blocking scripts.

Can AI find JavaScript memory leaks automatically?▼

Yes. The memory debugging skill captures heap snapshots, compares them to spot growing objects, and traces retaining paths back to leaks like detached DOM nodes or uncleared event listeners.

Does chrome-devtools-mcp work with Claude Code and Cursor?▼

Yes. It runs as a standard MCP server and works with Claude Code, Cursor, Copilot, Codex, Gemini, and other MCP-compatible clients.

Related Repositories in Software Engineering

View All in Software Engineering→
openclawopenclaw
388.4k

openclaw

Run a personal AI assistant across your devices and chat apps

Official📦 120 Skills
obraobra
280.0k

superpowers

Gives coding agents a disciplined workflow from idea to merged code

Community📦 15 Skills
facebookfacebook
248.4k

react

AI agent skills for building, testing, and porting React core

Official📦 14 Skills