CtrlK
BlogDocsLog inGet started
Tessl Logo

chrome-devtools-storybook

Use the chrome-devtools MCP to run browser tests on local Storybook stories by navigating directly to `iframe.html` story URLs instead of the outer docs pages.

69

Quality

83%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

SecuritybySnyk

Passed

No findings from the security scan

SKILL.md
Quality
Evals
Security

Quality

Content

85%

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

A well-structured, highly actionable instruction skill with a clear workflow and clean sectioning; its main weakness is redundancy where the URL-conversion examples and the iframe-first rationale are repeated across several sections.

Suggestions

Remove or merge the standalone Examples section, since its two cases already appear verbatim in the Converting docs/story URLs section.

State the iframe-first rationale once (e.g. in the intro) and reference it rather than repeating it in step 1 and the closing paragraph.

DimensionReasoningScore

Conciseness

The body is mostly lean and assumes Claude's competence, but the Examples section duplicates the conversion rules already shown and the iframe-first point is restated in the intro, step 1, and closing paragraph, so it could be tightened.

2 / 3

Actionability

Provides exact URL formats, a numbered URL-conversion procedure with worked examples, and copy-paste-ready templates (id=…&viewMode=story), giving fully actionable guidance for an instruction-only skill.

3 / 3

Workflow Clarity

The chrome-devtools usage is laid out as a clear ordered sequence (resolve URL → navigate → interact → assumptions) and the single task is unambiguous; this non-destructive workflow needs no validation checkpoint cap.

3 / 3

Progressive Disclosure

The content is self-contained with no external references needed and is organized into well-signaled sections (When to Use, URL Rules, Conversion, Examples, Using the MCP), avoiding any monolithic wall of text or nested references.

3 / 3

Total

11

/

12

Passed

Description

82%

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 specific, distinctive description that clearly states what the skill does and uses natural trigger terms, but it omits an explicit "Use when…" clause so the when-to-use guidance is only implied.

Suggestions

Add an explicit trigger clause such as "Use when the user asks for browser-based testing or visual checks of a Storybook component, or provides a Storybook URL" to raise completeness to 3.

DimensionReasoningScore

Specificity

Names concrete actions — "run browser tests" and "navigating directly to `iframe.html` story URLs instead of the outer docs pages" — rather than vague language, matching the multiple-specific-actions anchor.

3 / 3

Completeness

It clearly answers what the skill does, but there is no explicit "Use when…" trigger clause stating when Claude should invoke it, so completeness is capped at 2 per the judging guidelines.

2 / 3

Trigger Term Quality

Includes natural terms a user would say — "chrome-devtools MCP", "browser tests", "local Storybook stories" — giving good coverage of likely trigger phrasing.

3 / 3

Distinctiveness Conflict Risk

The combination of chrome-devtools MCP, local Storybook stories, and iframe.html URLs is a distinct niche unlikely to trigger for the wrong skill.

3 / 3

Total

11

/

12

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.

Validation16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository
leboncoin/spark-web
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.