storybook
CommunityBuild consistent, documented React components with Storybook.
Authordjimontyp
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill eliminates inconsistent component development and undocumented UI patterns by enforcing standardized Storybook workflows across your React application.
Core Features & Use Cases
- Component Documentation: Automatically generates comprehensive documentation for all UI components using CSF3 format and autodocs.
- Development Standards: Enforces naming conventions, story requirements, and testing patterns for different component tiers.
- Use Case: When creating a new Button component, use this Skill to generate 4-6 stories showing different variants, sizes, and states, ensuring consistent behavior across your application.
Quick Start
Use the storybook skill to create a new story for the Button component in the shared/ui directory with default, primary, secondary, and disabled variants.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: storybook Download link: https://github.com/djimontyp/task-tracker/archive/main.zip#storybook Please download this .zip file, extract it, and install it in the .claude/skills/ directory.