topskills

chrome-devtools

Chrome's own team, giving agents the DevTools protocol: drive it, inspect it, debug it.

Score 0(?)VerifiedCodeby Chrome DevTools (Google)Source
Verified for:

Install

$ /plugin marketplace add ChromeDevTools/chrome-devtools-mcp

/plugin install chrome-devtools-mcp@chrome-devtools-plugins. Runs against a local Chrome — no account, no quota.

Best for

Debugging a live page — performance, accessibility, memory, or why a flow breaks in a real browser.

Not ideal for

Large-scale scraping of blocked sites; that is what the proxy-based scraping skills exist for.

About this skill

Use when an agent needs to drive and inspect a real Chrome — navigate, interact, read the console and network, and debug with the bundled accessibility, memory-leak and LCP performance skills.

ChromeDevToolsDebugging

Score breakdown

Score breakdown

rubric 1.0
Install count
0/20
Provenance
12.8/15
GitHub stars
13.3/15
Recency
10/10
Compatibility
2/10
Documentation depth
8/10
Install ergonomics
7/10
License
5/5
Verification freshness
0.5/5

Composite 0–100 score derived from 9 verifiable signals. See the rubric →

Related skills

Verified

Web scraping, search, and browser automation built to be agent-friendly.

ScrapingSearchWeb
All surfaces
Low3 min
Verified

Deterministic web control. ref-based clicks/fills, no flaky selectors, parallel sessions.

BrowserAutomationAction-taking
Code
Medium4 min
Community

Headless browser as an agent tool. Navigate JS-heavy pages, fill forms, extract content.

HeadlessBrowserJS
Code
Medium5 min

Ranked #4 in Browser Automation

Publish the ranking in your README. The badge reads the live score, so it updates when the ranking does.

chrome-devtools — ranked #4 in Browser Automation on Top Agent Skills
Markdown
[![chrome-devtools — ranked #4 in Browser Automation on Top Agent Skills](https://top-agent-skills.com/badge/chrome-devtools.svg)](https://top-agent-skills.com/skill/chrome-devtools)
HTML
<a href="https://top-agent-skills.com/skill/chrome-devtools"><img src="https://top-agent-skills.com/badge/chrome-devtools.svg" alt="chrome-devtools — ranked #4 in Browser Automation on Top Agent Skills"></a>

Skill FAQ

About chrome-devtools

What is the chrome-devtools skill?

Use when an agent needs to drive and inspect a real Chrome — navigate, interact, read the console and network, and debug with the bundled accessibility, memory-leak and LCP performance skills.

Which agents does chrome-devtools work with?

Claude Code.

How do I install chrome-devtools?

Run `/plugin marketplace add ChromeDevTools/chrome-devtools-mcp` for Claude Code. See the install panel for per-agent commands.

Is chrome-devtools free to use?

Yes — chrome-devtools is open source (Apache-2.0).

Who maintains chrome-devtools?

chrome-devtools is published by Chrome DevTools (Google) and was last updated on 2026-08-25.

What is chrome-devtools best for?

Debugging a live page — performance, accessibility, memory, or why a flow breaks in a real browser.