CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

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.

Quality

85%

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%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 concise, mostly executable workflow with clean section organization appropriate to a small single-purpose skill. The main gap is validation: nothing verifies the build succeeded before launching the UI, and the port-kill and review-creation steps stop short of concrete commands.

Suggestions

Add a validation checkpoint after `yarn build storybook <extra packages>` — e.g., check the command's exit status or build output for errors, and only start `yarn storybook:ui` when the build passes (fix and re-run on failure).

Make the occupied-port handling concrete: show how to identify the process on the Storybook port (e.g., `lsof -i :6006` or equivalent) and kill it, rather than just directing to "kill the old process".

Specify the `review-create` MCP tool invocation (its exact parameters or a minimal example call) so the review step in Step 5 is executable rather than descriptive.

DimensionReasoningScore

Conciseness

The body is lean and imperative throughout — "Build a space-separated list", "Run these in the code directory, in order", "rm -rf node_modules/.cache" — with no explanations of concepts Claude already knows; every token earns its place.

5 / 5

Actionability

Provides executable commands ("yarn build storybook <extra packages>", "NODE_OPTIONS=\"--preserve-symlinks\" yarn storybook:ui") plus a worked example of package-name derivation ("addon-review addon-vitest"), but "kill the old process to free the port" and "use Storybook's review-create MCP tool" give direction without the specific commands.

4 / 5

Workflow Clarity

The five-step sequence is clearly ordered and includes one recovery loop ("If the port is occupied, cancel the start, kill the old process... then start Storybook again"), but there is no validation that the build succeeded before starting the UI; the destructive `rm -rf node_modules/.cache` step and multi-package batch build without validation cap this at 3 per the rubric.

3 / 5

Progressive Disclosure

The skill is under 50 lines with well-organized numbered sections ("Step 1" through "Step 5" plus a focused "Handle an occupied port" subsection) and needs no external references; per the rubric's simple-skill guideline this warrants a 5.

5 / 5

Total

17

/

20

Passed

Description

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

A strong description that states concrete capabilities, uses third-person voice, and provides explicit, concrete trigger conditions tied to a well-defined niche. The only weakness is modest trigger-term synonym coverage.

DimensionReasoningScore

Specificity

Lists several concrete third-person actions — "Rebuild and restart the internal Storybook UI", "optionally display a UI review" — but coverage stops at three actions and the UI review is left less concretely specified than anchor 5's comprehensive action list.

4 / 5

Completeness

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

5 / 5

Trigger Term Quality

Includes natural phrases users would say — "rebuild", "restart", "Storybook", "core, addons, frameworks, renderers, libs" — but misses common synonyms such as "relaunch", "re-run", or "dev server", so it falls short of anchor 5's comprehensive synonym coverage.

4 / 5

Distinctiveness Conflict Risk

Scopes itself to a clear niche via "internal Storybook", "the Storybook monorepo's code/ directory", and "UI review", giving it distinct triggers and minimal risk of firing for unrelated skills.

5 / 5

Total

18

/

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

Path

.agents/skills/rebuild-restart-storybook/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.