CtrlK
BlogDocsLog inGet started
Tessl Logo

rebuild-restart-storybook

Rebuild and restart the internal Storybook UI after changes to internal Storybook code (core, addons, frameworks, renderers, libs, etc.), then optionally display a UI review. Use after editing any package in the Storybook monorepo's code/ directory, or when the user asks to rebuild and/or restart Storybook.

72

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

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

A tight, highly actionable instruction skill: correct non-obvious details (Nx project names, preserve-symlinks), copy-paste commands, and a sensible step order with an error-recovery branch. The residual gaps are a non-executable kill-process instruction and implicit rather than explicit validation (build success, server readiness) before proceeding.

Suggestions

Make the occupied-port handling executable: state the port (e.g. `lsof -ti :6006 | xargs kill -9`) or an equivalent concrete command instead of 'kill the old process'.

Add explicit validation checkpoints: verify the `yarn build` command exits successfully before starting Storybook, and wait for the 'Storybook started on' line in the output before sharing the URL.

Note where to find the URL/port if it is not printed in the startup output, so Step 4 is unambiguous even on a busy terminal.

DimensionReasoningScore

Conciseness

The body is lean and imperative with zero padding; every line is actionable or carries genuinely non-obvious knowledge ("find its Nx project name in the project.json file... not the package.json name", NODE_OPTIONS="--preserve-symlinks"). This matches anchor 5 (every token earns its place), not anchor 4, since there is nothing to trim.

5 / 5

Actionability

The build and start commands are concrete and copy-paste ready ("yarn build storybook <extra packages>", "NODE_OPTIONS=\"--preserve-symlinks\" yarn storybook:ui --no-open") with a worked example ("addon-review addon-vitest"), but the port-occupied branch ("kill the old process to free the port") gives direction rather than an executable command and no port number. Minor gaps place it at anchor 4 rather than the fully-executable coverage of anchor 5.

4 / 5

Workflow Clarity

A clear five-step sequence with a confirm-first checkpoint (Step 1) and an error-recovery loop (occupied port → kill → restart) matches anchor 4. It falls short of anchor 5 because validation checkpoints are implicit: there is no explicit check that the build succeeded before starting, nor that Storybook is actually ready before giving the user the URL.

4 / 5

Progressive Disclosure

There are no bundle files and none are needed; the body is under 50 lines and organized into clean, well-titled sections (one per step). Per the rubric's guidance for short skills with no external references, this matches anchor 5.

5 / 5

Total

18

/

20

Passed

Description

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

An exemplary description: concrete actions, explicit and well-phrased triggers for both the automatic (edits to code/) and explicit (user asks) cases, and a distinct niche. The only shortfall is that capability coverage is limited to three actions, which keeps specificity just short of comprehensive.

DimensionReasoningScore

Specificity

"Rebuild and restart the internal Storybook UI... then optionally display a UI review" lists several concrete actions, but coverage stops at three actions without deeper detail, matching anchor 4 rather than the comprehensive coverage of anchor 5.

4 / 5

Completeness

It explicitly answers both what ("Rebuild and restart the internal Storybook UI... then optionally display a UI review") and when ("Use after editing any package in the Storybook monorepo's code/ directory, or when the user asks to rebuild and/or restart Storybook") with concrete trigger phrases, exactly matching anchor 5.

5 / 5

Trigger Term Quality

Natural trigger phrasing is comprehensive: "rebuild", "restart", "when the user asks to rebuild and/or restart Storybook", plus the domain vocabulary users would actually say ("core, addons, frameworks, renderers, libs", "Storybook monorepo's code/ directory"). This matches the comprehensive synonym coverage of anchor 5 rather than the few-missing-terms profile of anchor 4.

5 / 5

Distinctiveness Conflict Risk

A clear niche (rebuilding the internal Storybook monorepo's UI) with distinct, specific triggers makes conflict with other skills minimal, matching anchor 5 rather than the minor-overlap profile of anchor 4.

5 / 5

Total

19

/

20

Passed

Validation

81%

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

Validation — 13 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

allowed_tools_field

'allowed-tools' contains unusual tool name(s)

Warning

metadata_version

'metadata.version' is missing

Warning

metadata_field

'metadata' should map string keys to string values

Warning

Total

13

/

16

Passed

Repository
storybookjs/storybook
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.