storybook-docs
Storybook integration for UI component documentation. Configure docs addon, generate component documentation from stories, write MDX documentation, and integrate with design systems.
npx skills add a5c-ai/babysitter --skill storybook-docs --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# Storybook Documentation Skill Generate comprehensive UI component documentation using Storybook with MDX, autodocs, and design system integration. ## Capabilities - Configure Storybook docs addon - Generate component documentation from stories - Write MDX story documentation - Configure autodocs for automatic documentation - Integrate design system documentation - Configure accessibility addon integration - Export static documentation sites - Integrate with Chromatic for visual testing ## Usage Invoke this skill when you need to: - Document React/Vue/Angular component libraries - Create interactive component documentation - Build design system documentation - Generate API reference from component props - Set up component playground documentation ## Inputs | Parameter | Type | Required | Description | |-----------|------|----------|-------------| | projectPath | string | Yes | Root path of the Storybook project | | framework | string | No | react, vue, angular, web-components | | outputDir | string | No | Static docs output directory | | includeAccessibility | boolean | No | Include a11y addon docs | | theme | string | No | docs theme (light, dark, custom) | | generateMdx | boolea
- Capabilities
- Usage
- Inputs
- Input Example
- Output Structure
- Storybook Configuration
- .storybook/main.ts
- .storybook/preview.ts
- Story Patterns
- Component Story Format (CSF3)
- MDX Documentation
- Autodocs Configuration
- Per-Component Autodocs
- Autodocs Customization
Build static documentation site npx storybook build --docs -o docs/components With custom output npx storybook build --docs -o public/design-system
What does the storybook-docs skill do?
Storybook integration for UI component documentation. Configure docs addon, generate component documentation from stories, write MDX documentation, and integrate with design systems.
How do I install it?
Run `npx skills add a5c-ai/babysitter --skill storybook-docs --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From a5c-ai/babysitter, a repository with 1,642 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.