Skip to content
cccskills
FreePublished on GitHub

docs-review

Review, improve, rewrite, or draft Storybook documentation in /docs. Assess each page’s purpose, audience, structure, and examples, then make suitable edits or provide a content plan, with formatting checks after changes.

OriginalShow the original description

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.

See how to install

Good for

  • Improve the structure and examples of a documentation page
  • Draft documentation for a new feature
  • Plan page types and outlines
  • Fix documentation links and formatting

Files included (5)

  • SKILL.md6.6 KB
  • references/docs-antipatterns.md5.8 KB
  • references/docs-principles.md2.3 KB
  • references/docs-strategy.md6.1 KB
  • references/storybook-style.md7.5 KB

SKILL.md (original)

Review the instructions the agent will receive before you install.

Documentation 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:

FileOwnsWhen to Load
references/docs-principles.mdNorth star, quality dimensions, dual-reader requirementAlways — read first
references/docs-strategy.mdModes, doc types, intervention thresholds, page-shape guidanceAlways — read second
references/docs-antipatterns.mdDiagnosis patterns and corrective movesWhen diagnosing a weak or confusing draft
references/storybook-style.mdEditorial, MDX components, frontmatter, formatting, validation rulesIn maintenance mode, or as the final pass of edit modes

Ownership Rules

  • Strategy references do not own formatting or component rules.
  • storybook-style.md does not own doc-type or intervention logic.
  • This file (SKILL.md) owns workflow and handoffs only.

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 PatternMode
"Fix links, callouts, formatting"maintenance
"Make this clearer", "improve this page"improve
"This doc is a mess; rewrite it"rewrite
"Draft docs for feature X"author
"What kind of page should this be?"strategy
"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:

  • concept — explains what something is and why it matters
  • task — walks the reader through accomplishing a goal
  • reference — lookup for options, API, or config
  • troubleshooting — diagnose and fix a problem
  • migration — move from one version or approach to another
  • decision guide — choose between options

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:

  1. Intent clarity
  2. Audience fit
  3. Information shape
  4. Conceptual clarity
  5. Task usability
  6. Example quality
  7. 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:

  • maintenance: Apply editorial and compliance fixes. Load references/storybook-style.md as primary guide.
  • improve: Strengthen framing, order, explanation, and examples. Keep the page's identity. Use references/storybook-style.md for the final pass.
  • rewrite: Materially replace the page. Preserve sound content; discard or restructure the rest. Use references/storybook-style.md for the final pass.
  • author: Write the page from scratch using the primary doc type's shape as a guide. Use references/storybook-style.md for the final pass.
  • strategy: Return a planning artifact containing:
    • 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 references/storybook-style.md if not already loaded.
  • 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 strategy mode or when no files were edited.

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 pr skill.
  • Snippet files: This skill may edit files in docs/_snippets/ when example quality requires it, but does not own snippet creation for non-docs purposes.

Reviews

No reviews yet. Tell others what you thought.

Comments

No login needed. Share how it worked for you, ask a question, or note where it did not run.

No comments yet. Be the first to write one.

Comments are published right away. Do not include personal information such as email addresses or phone numbers. Up to 2 URLs.

0 / 1,000 characters

This form is protected by reCAPTCHA, and the Google Privacy Policy and Terms of Service apply.

More skills from this repository

canary

FreeSummary

Find a trial Storybook package for a specific branch, or trigger its publication when needed. Check release progress and obtain the package reference or commands for creating or upgrading a project with that build.

  • Find a trial package for a Storybook branch
  • Publish a trial build for a fork pull request
  • Check publication progress and installation commands
storybookjs/storybook91.3KUpdated Oct 18, 2026

component-docs

FreeSummary

Look up a project's existing UI components in Storybook, including their props, or configuration inputs, and usage examples. Use the findings to answer questions and identify components to reuse before building duplicates.

  • Find existing UI components
  • Check component props and usage examples
  • Answer questions about component usage
storybookjs/storybook91.3KUpdated Oct 18, 2026

Check out a GitHub pull request, fix linting and TypeScript errors, and commit and push the changes. The workflow supports forked pull requests and repeats type checks to verify fixes while keeping changes focused on these errors.

  • Fix linting errors in a pull request
  • Resolve TypeScript errors in a pull request
  • Apply fixes to a pull request from a fork
storybookjs/storybook91.3KUpdated Oct 18, 2026

github-qa-labels

FreeSummary

Organize GitHub issues and pull requests found during quality assurance testing. Apply release tracking labels, classify bugs by four severity levels, and label multiple findings while keeping documentation issues and feature requests outside the severity scheme.

  • Group QA findings by release
  • Classify bugs by severity
  • Apply labels to multiple issues and pull requests
storybookjs/storybook91.3KUpdated Oct 18, 2026

Work through unresolved GitHub pull request reviews one at a time. The skill explains each comment, proposes a fix, asks how to proceed, and handles chosen edits, replies, commits, and thread resolution.

  • Addressing unresolved pull request review comments
  • Choosing between a code fix, a reply, or skipping a comment
  • Handling duplicate review comments together
storybookjs/storybook91.3KUpdated Oct 18, 2026

init

FreeSummary

Add Storybook to a project that does not have it configured, choosing the installation tag based on the latest stable version. Then use the separate setup skill to configure Storybook for the project.

  • Adding Storybook to a project for the first time
  • Choosing an installation tag based on the stable release
  • Continuing from installation to project-specific setup
storybookjs/storybook91.3KUpdated Oct 18, 2026

See all skills by storybookjs

Report a problem with this skill