CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

chrome-devtools

Uses Chrome DevTools via MCP for efficient debugging, troubleshooting and browser automation. Use when debugging web pages, automating browser interactions, analyzing performance, or inspecting network requests. This skill does not apply to `--slim` mode (MCP configuration).

2.43x
Quality

92%

Does it follow best practices?

Impact

95%

2.43x

Average score across 3 eval scenarios

SecuritybySnyk

Low

Low-risk findings worth noting

SKILL.md
Quality
Evals
Security

Quality

Content

96%Weight 40%Scale 1-5

Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.

The body is an exemplary MCP-tool reference: lean, server-specific, and immediately executable, with clearly sequenced workflows that include explicit verification steps and error-recovery guidance. The only structural note is that at ~70 lines with all content inline, a couple of specialized topics (extension testing, CSS inspection) could be split into reference files for even better progressive disclosure.

DimensionReasoningScore

Conciseness

The body is dense with server-specific facts Claude cannot know (pageId semantics, --categoryExtensions/--memoryDebugging flags, serviceWorkerId targeting, includeSnapshot: false) and never explains familiar concepts like what DevTools or a service worker is; every section earns its tokens, matching 'lean and efficient; assumes Claude's competence'.

5 / 5

Actionability

Guidance is executable throughout: exact tool names with parameters (take_snapshot with pageId, filePath for large outputs, pageIdx/pageSize pagination), a copy-paste-ready JSON MCP server config, and a runnable command (npx chrome-devtools-mcp@latest --help); the workflows cover the common cases (page interaction, data retrieval, extension testing), matching anchor 5. The only near-gap is that no literal tool-invocation payload is shown, but tool-plus-parameter naming is the executable form for an MCP skill.

5 / 5

Workflow Clarity

Clear sequences (navigate → wait → snapshot → interact; a 5-step extension workflow) with explicit validation steps ("Verify Service Worker", "Verify Page Behavior"), a prerequisite check that stops if extension tools are missing, and an error-recovery loop ("If an element isn't found, take a fresh snapshot"), matching 'explicit validation steps; feedback loops for error recovery'. No destructive or batch operations are involved, so no cap applies.

5 / 5

Progressive Disclosure

Sections are well-organized with a clean two-level hierarchy and only clearly signaled one-level-deep external links (Chrome DevTools docs, troubleshooting.md). However, the body is ~70 lines — above the under-50-line simple-skill exception — with everything inline; the extension-testing section and CSS-inspection details could plausibly live in reference files, matching 'good structure; most content appropriately placed; minor organization gaps' rather than the well-split structure of 5.

4 / 5

Total

19

/

20

Passed

Description

83%Weight 40%Scale 1-5

Based on the skill's description, can an agent find and select it at the right time? Clear, specific descriptions lead to better discovery.

A strong description: it clearly names the tool and integration mechanism, uses third person, and pairs a concrete capability statement with an explicit multi-trigger 'Use when' clause. Keyword coverage is good though not exhaustive, and the generic 'browser automation' phrasing invites slight overlap with other browser skills.

DimensionReasoningScore

Specificity

Lists several concrete actions ("debugging, troubleshooting and browser automation", "analyzing performance, or inspecting network requests") but omits supported capabilities like element/DOM inspection, screenshots, and console evaluation, so it matches 'several specific actions; minor gaps' rather than the comprehensive coverage of 5.

4 / 5

Completeness

Explicitly answers both: what ("Uses Chrome DevTools via MCP for efficient debugging, troubleshooting and browser automation") and when ("Use when debugging web pages, automating browser interactions, analyzing performance, or inspecting network requests") with four concrete trigger phrases, matching the anchor-5 pattern; a score of 4 would require the 'when' to be less explicit than it is.

5 / 5

Trigger Term Quality

Includes natural phrases users would say ("debugging web pages", "automating browser interactions", "inspecting network requests"), but misses common variations such as "inspect element", "console errors", "screenshots", or "test my extension", fitting 'good keyword coverage; a few natural terms missing'.

4 / 5

Distinctiveness Conflict Risk

"Chrome DevTools via MCP" carves a clear niche, but the broad phrase "browser automation" creates minor overlap risk with closely related browser-tooling skills (e.g., Playwright/Puppeteer skills), matching 'mostly distinct; minor overlap risk'.

4 / 5

Total

17

/

20

Passed

Validation

100%

Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.

Validation — 16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository

ChromeDevTools/chrome-devtools-mcp

Path

skills/chrome-devtools/SKILL.md

Reviewed

Table of Contents

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.