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

Does it follow best practices?

Impact

No eval scenarios have been run

SecuritybySnyk

Passed

No known issues

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.

An actionable, well-organized body with a clear sequenced workflow and concrete URL conversion guidance; its main weakness is minor redundancy between the examples and the conversion rules.

Suggestions

Remove or condense the 'Examples' section since it restates the same conversions already given in the URL rules, or fold one representative example into the rules.

Trim the closing paragraph, which repeats the opening's rationale about avoiding the docs UI.

DimensionReasoningScore

Conciseness

Mostly efficient and free of basic-concept padding, but the 'Examples' section duplicates the conversions already shown in the URL rules and the closing paragraph restates the opening, so it could be tightened.

2 / 3

Actionability

Provides exact URL formats, a concrete extraction-and-rebuild conversion algorithm, worked input→output examples, and explicit MCP navigation instructions that are copy-paste ready.

3 / 3

Workflow Clarity

A clearly sequenced workflow (resolve URL → convert if needed → navigate directly → run interactions) with numbered steps and stated assumptions; this is a non-destructive browsing task so the validation-checkpoint cap does not apply.

3 / 3

Progressive Disclosure

A self-contained SKILL.md with no bundle files, organized into clearly signaled sections (When to Use, URL Rules, Using the MCP, Assumptions) and no 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 with concrete actions and natural trigger terms, but it omits an explicit 'Use when...' clause so the usage context is only implied rather than stated.

Suggestions

Add an explicit 'Use when...' clause listing triggering scenarios (e.g., browser-based testing, visual checks of a Storybook component, when the user provides a Storybook URL).

Include common trigger variations such as 'CDP', 'DevTools', or 'visual checks' alongside 'chrome-devtools MCP' to broaden natural keyword coverage.

DimensionReasoningScore

Specificity

Names multiple concrete actions — 'run browser tests on local Storybook stories' and 'navigating directly to iframe.html story URLs instead of the outer docs pages' — rather than vague language.

3 / 3

Completeness

Clearly states what the skill does but lacks an explicit 'Use when...' trigger clause, so the 'when' is only implied; per the guidelines this caps completeness at 2.

2 / 3

Trigger Term Quality

Includes natural terms a user would say — 'browser tests', 'chrome-devtools MCP', 'Storybook stories', 'iframe.html', 'docs pages' — giving good coverage of likely trigger phrases.

3 / 3

Distinctiveness Conflict Risk

Targets a narrow niche (chrome-devtools MCP on Storybook iframe URLs) with distinct triggers, making it unlikely to fire 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.