loading
loading
Auto-generate Storybook stories and prop docs from React component source.
Storybook stories are the docs nobody writes. This reads your component types and generates the stories and prop tables so the chore stops being optional.
Listed for review
No verified public repo for this skill yet, so this page does not give you an install command. Skills with a verified source install in one command — or fully manual: copy the skill folder into .claude/skills/ and your agent picks it up.
Boostor Quality Score
84/100 · B
Component Doc Generator analyses your React component TypeScript source and produces Storybook 8 stories, prop tables, and usage examples without manual effort. It infers sensible default story args from prop types and existing test fixtures. Output integrates directly with your existing design system documentation site.
Sweep a page for the accessibility issues that block users — semantics, keyboard, contrast, forms, SR.
Honest about its limits: it labels automated vs manual findings and won't claim WCAG compliance from a script — but it catches the real blockers.
Transparent + deterministic: every point above is computed from this skill's real fields plus a prompt-injection safety scan. No black box, no pay-to-rank.
Find repeated spacing, type, and color inconsistencies after rapid AI changes — and a convergence plan.
For UIs that fragmented during fast AI changes — it finds the repeated drift and gives a convergence plan, not a redesign.
Review screenshots across viewports for overlap, clipping, layout, and responsive breaks.
Systematic visual QA across viewports — it catches the text overflow and clipping a quick glance misses, and won't guess at behavior from a still.