storybook-stories
CommunityAutomate Storybook stories, perfect your components.
Authorandersnygaard
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Manually writing comprehensive Storybook stories with proper types, controls, and interaction tests for React components is time-consuming and requires deep Storybook knowledge. This Skill automates story generation.
Core Features & Use Cases
- Automated Story Generation: Creates well-structured Storybook stories for React components, including TypeScript types, args, controls, decorators, and various states.
- Interaction Testing: Integrates Play functions to simulate user interactions and run assertions, ensuring component behavior and reducing manual testing effort.
- Use Case: When developing a new
Buttoncomponent, use this Skill to automatically generate its Storybook stories, covering default, disabled, loading, and interactive states with proper controls and tests.
Quick Start
Write Storybook stories for the Button component in /components/src/Button.tsx, including default, disabled, and interactive states.
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-stories Download link: https://github.com/andersnygaard/ettsted2/archive/main.zip#storybook-stories Please download this .zip file, extract it, and install it in the .claude/skills/ directory.