Storybook docs-review
Review, improve, rewrite, author, or plan Storybook documentation in /docs. Use this when asked to review docs, improve a page, rewrite documentation, draft new docs, or advise on docs strategy.
git clone https://github.com/storybookjs/storybook
T=$(mktemp -d) && git clone --depth=1 https://github.com/storybookjs/storybook "$T" && mkdir -p ~/.claude/skills && cp -r "$T/.agents/skills/docs-review" ~/.claude/skills/storybookjs-storybook-docs-review && rm -rf "$T"
.agents/skills/docs-review/SKILL.mdDocumentation Review
Scope
This skill applies to documentation files in
/docs and docs-owned snippet files in docs/_snippets/. Do not use this skill for non-docs files (code, configuration, READMEs outside /docs).
Use This Skill When
- Asked to review, improve, rewrite, or author documentation in
./docs - Asked for advice on page structure, doc type, audience, or content strategy for
./docs - Asked to fix formatting, style, or compliance issues in
./docs
Use a Light Touch When
- The request is a trivial grammar or typo fix that does not need full diagnosis.
- The page is already structurally sound and only needs minor editorial cleanup.
Reference Files
This skill uses four reference files under
references/. Load them in order and only as needed:
| File | Owns | When to Load |
|---|---|---|
| North star, quality dimensions, dual-reader requirement | Always — read first |
| Modes, doc types, intervention thresholds, page-shape guidance | Always — read second |
| Diagnosis patterns and corrective moves | When diagnosing a weak or confusing draft |
| Editorial, MDX components, frontmatter, formatting, validation rules | In mode, or as the final pass of edit modes |
Ownership Rules
- Strategy references do not own formatting or component rules.
does not own doc-type or intervention logic.storybook-style.md- This file (
) owns workflow and handoffs only.SKILL.md
Workflow
Follow this sequence for every request. Steps 1–4 are diagnosis; steps 5–7 are action.
1. Determine the Requested Outcome
Read the user's request and map it to a mode:
| Request Pattern | Mode |
|---|---|
| "Fix links, callouts, formatting" | |
| "Make this clearer", "improve this page" | |
| "This doc is a mess; rewrite it" | |
| "Draft docs for feature X" | |
| "What kind of page should this be?" | |
| "Review this doc" (unspecified) | hybrid — see below |
Hybrid behavior: For vague asks like "review this doc":
- If the draft is obviously weak or the ask implies planning → critique-first (lead with diagnosis).
- If the page is decent and the ask implies cleanup → improve-first (lead with edits).
Default: When ambiguous, default to
improve, not maintenance.
2. Determine the Primary Doc Type
Read the page and classify it using the doc types in
references/docs-strategy.md:
— explains what something is and why it mattersconcept
— walks the reader through accomplishing a goaltask
— lookup for options, API, or configreference
— diagnose and fix a problemtroubleshooting
— move from one version or approach to anothermigration
— choose between optionsdecision guide
Always select one primary type, even if the page contains secondary elements.
After selecting the primary type, identify any secondary sections — sections with their own heading whose content follows a different doc type's shape. Note these for Step 3. See "Common Secondary Sections" in
references/docs-strategy.md for expected combinations.
3. Diagnose the Draft
Evaluate the page against the quality dimensions in
references/docs-principles.md, in order:
- Intent clarity
- Audience fit
- Information shape
- Conceptual clarity
- Task usability
- Example quality
- Economy
For secondary sections, evaluate dimensions 3 (Information Shape) and 5 (Task Usability) against the secondary section's own doc type, not the page's primary type. All other dimensions apply page-wide.
If the page shows signs of structural weakness, load
references/docs-antipatterns.md and check for common patterns.
4. Choose the Intervention Level
Use the thresholds in
references/docs-strategy.md:
- No structural issues, minor style problems →
maintenance - Structure is okay but framing, order, or examples are weak →
improve - Structure is wrong for the page's job →
rewrite - Page does not exist →
author - User wants advice, not edits →
strategy
Hard rule: When the draft is structurally weak, do not stop at sentence-level edits. Reorder, split, replace examples, or rewrite the page shape.
Split/escalation rule: If the dominant job is unclear or the page serves multiple unrelated jobs, switch to
strategy mode or recommend a page split before polishing. Well-structured secondary sections (see references/docs-strategy.md) are not a reason to split.
5. Improve or Plan
Execute based on the chosen mode:
: Apply editorial and compliance fixes. Loadmaintenance
as primary guide.references/storybook-style.md
: Strengthen framing, order, explanation, and examples. Keep the page's identity. Useimprove
for the final pass.references/storybook-style.md
: Materially replace the page. Preserve sound content; discard or restructure the rest. Userewrite
for the final pass.references/storybook-style.md
: Write the page from scratch using the primary doc type's shape as a guide. Useauthor
for the final pass.references/storybook-style.md
: Return a planning artifact containing:strategy- Audience
- Page job
- Primary doc type
- Recommended outline
- Split/merge recommendation (if applicable)
- Preserve list (content worth keeping)
- Do not edit files or run validation.
When editing, you may also improve docs-owned snippet files in
docs/_snippets/ if example quality depends on them.
6. Apply Storybook Style
For edit modes (
maintenance, improve, rewrite, author):
- Load
if not already loaded.references/storybook-style.md - Apply voice, tone, heading, link, component, and frontmatter rules.
- This step is always downstream of structural and editorial work — never the first pass.
7. Validate
For edit modes only:
yarn fmt:write yarn docs:check
Fix any errors reported by
yarn docs:check, then run it again to confirm.
Do not run validation in
mode or when no files were edited.strategy
Handoffs
- PR creation: Do not create a PR automatically. If the user asks for end-to-end execution including a PR, hand off to the
skill.pr - Snippet files: This skill may edit files in
when example quality requires it, but does not own snippet creation for non-docs purposes.docs/_snippets/