CtrlK
BlogDocsLog inGet started
Tessl Logo

create-storybook-docs

Create or update Storybook stories and documentation for a Spark UI component. Use when the user wants to add stories, update documentation, or improve component documentation in Storybook.

73

Quality

90%

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

80%

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

The body is concise and actionable with concrete code examples and clear sequencing for both stories and docs. Its main weaknesses are the absence of a validation/verification checkpoint in the workflow and references that are not clearly signaled or split into dedicated files.

Suggestions

Add an explicit verification step to the workflow, e.g. 'Run the story in Storybook and confirm each story renders without console errors before finalizing.'

Convert bare path references (documentation/contributing/WritingStories.mdx, packages/components/src/*) into clearly signaled links or move reusable story/doc templates into a bundled reference file.

Consider extracting the full MDX section template and story meta boilerplate into a references/ template file so the SKILL.md body stays a lean overview.

DimensionReasoningScore

Conciseness

Lean bullet lists and short, focused code blocks assume Claude's competence without explaining what Storybook or MDX is; only minor redundancy with the description keeps it from being pristine.

3 / 3

Actionability

Provides complete, executable TSX meta and MDX usage code blocks plus specific naming conventions and section order, making the guidance copy-paste ready.

3 / 3

Workflow Clarity

Steps are explicitly sequenced (Required Stories order, exact section order), but no validation or verification checkpoint (e.g. confirming the story renders) is given, which matches the 'sequence present but checkpoints missing' anchor.

2 / 3

Progressive Disclosure

Sections are reasonably organized, but references are bare backtick repo paths rather than navigable links, no bundle files exist to verify, and inline template content could be split into a separate reference file.

2 / 3

Total

10

/

12

Passed

Description

100%

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, concise description that clearly states the capability and gives explicit 'Use when' triggers with natural terminology. It is distinctive within the Spark UI / Storybook niche and avoids vague language.

DimensionReasoningScore

Specificity

Names multiple concrete actions ('Create or update Storybook stories and documentation') rather than vague language; matches the anchor listing several specific concrete actions.

3 / 3

Completeness

Explicitly answers both what (create/update stories and docs) and when (an explicit 'Use when the user wants to add stories, update documentation...' clause).

3 / 3

Trigger Term Quality

Includes natural terms users would say ('stories', 'documentation', 'storybook') with good coverage rather than jargon or generic phrasing.

3 / 3

Distinctiveness Conflict Risk

The Storybook + Spark UI component niche has distinct triggers and is unlikely to overlap with generic skills.

3 / 3

Total

12

/

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.