CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

storybook-init

Use when adding Storybook to a project that does not have Storybook configured yet.

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

92%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 short procedural skill: fully executable commands, an explicit pre-condition guard, and a version-aware branch, with clean handoff to a follow-up skill. The only weakness is the hard-coded 11.0 version threshold, which is time-sensitive and will silently drift out of date as releases move.

DimensionReasoningScore

Conciseness

The body is lean and assumes competence — no explanation of what Storybook is, and each step is a single directive. However, the time-sensitive version threshold ('If it is below 11.0... to get the 11.0 alpha') is embedded in the main instruction rather than a deprecated/old-patterns section, which the guidelines say should penalize conciseness; this fits 'Efficient; minor instances... that could be trimmed' rather than the flawless top anchor.

4 / 5

Actionability

Every step is a copy-paste-ready command: 'npm view create-storybook version', 'npm create storybook@next' / 'npm create storybook@latest', and the pnpm equivalent, plus a concrete version-check rule deciding which to run. This matches 'Fully executable; copy-paste ready code or commands; specific examples cover the common cases'.

5 / 5

Workflow Clarity

The sequence is clear and gated by explicit checkpoints: an already-installed guard ('storybook dependency in package.json, or a .storybook/ directory') that redirects to /storybook-setup, a version check that branches between @next and @latest, and a final handoff to project-specific configuration. This is a simple, non-destructive skill where the actions are unambiguous, matching the top anchor under the simple-skill allowance.

5 / 5

Progressive Disclosure

The skill is under 50 lines with no content that warrants external reference files (none exist in the bundle), and the body is well organized as a guard clause plus two numbered steps that delegate detail to the /storybook-setup skill. Per the simple-skill guideline, this earns the top anchor on well-organized sections alone.

5 / 5

Total

19

/

20

Passed

Description

66%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.

The description has an explicit, well-scoped trigger and excellent distinctiveness thanks to the 'not yet configured' condition, but it under-communicates what the skill actually does. Listing concrete capabilities (e.g., runs the Storybook initializer, scaffolds .storybook config) and adding synonym triggers would raise specificity and trigger coverage.

Suggestions

State the 'what' explicitly alongside the trigger, e.g., 'Installs and initializes Storybook in a project (runs the create-storybook initializer). Use when adding Storybook to a project that does not have it configured yet.'

Add natural trigger variations users would say, such as 'set up Storybook', 'install Storybook', or 'configure Storybook', to broaden keyword coverage.

Mention concrete outcomes of the skill (scaffolding the .storybook directory, adding scripts and dependencies) so specificity moves beyond a single action.

DimensionReasoningScore

Specificity

The description names the domain and a single concrete action — 'adding Storybook to a project' — but lists no further capabilities (e.g., scaffolding config, choosing a version). This matches the anchor 'Names domain and 1-2 concrete actions, but not comprehensive'; it is above 'Names the domain but actions are minimal or generic' because 'adding Storybook' is a concrete act, but below 'Lists several specific actions' since only one action appears.

3 / 5

Completeness

The 'when' is explicit and well-scoped ('Use when adding Storybook to a project that does not have Storybook configured yet'), and a 'what' is present but thin — 'adding Storybook' implies installing it without stating concrete outcomes. This matches 'Has both what and when; when could be more explicit or specific' inverted (the what is the weaker half), and falls short of 5 because there is no concrete capability statement alongside the trigger.

4 / 5

Trigger Term Quality

'adding Storybook' is a natural phrase a user would say, and the tool name itself is a strong trigger, but common variations like 'set up Storybook', 'install Storybook', 'configure Storybook', or 'stories'/'UI components' are absent. This fits 'Some relevant keywords but missing common variations or synonyms' rather than 'Good keyword coverage', which expects several natural terms.

3 / 5

Distinctiveness Conflict Risk

The description targets a clearly named tool and adds an explicit scope condition ('does not have Storybook configured yet') that distinguishes it from a configuration/setup skill. This is a clear niche with distinct triggers and minimal conflict risk, matching the top anchor; it is not score 4 because the distinguishing condition is stated explicitly rather than merely implied.

5 / 5

Total

15

/

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

storybookjs/storybook

Path

code/lib/claude-plugin/skills/storybook-init/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.