name: generate-component-story description: Create story examples for components. Use when writing stories, creating examples, or demonstrating component usage.
Instructions
When creating component stories:
- Follow existing patterns: Base stories on the styles found in
crates/story/src/stories(examples:tabs_story.rs,group_box_story.rs, etc.) - Use sections: Organize the story with
section!calls for each major part - Comprehensive coverage: Include all options, variants, and usage examples of the component
Examples
A typical story structure includes:
- Basic usage examples
- Different variants and states
- Interactive examples
- Edge cases and error states
Related skills
Next.js App Router Expert
Development
A skill that turns Claude into a Next.js App Router expert.
Claude CodeCursoradvanced
890
234
2,619
README Generator
Development
Creates professional and comprehensive README.md files for your projects.
claudeCursorWindsurfbeginner
259
72
589
API Documentation Writer
Development
Generates comprehensive API documentation in OpenAPI/Swagger format.
claudeCursorWindsurfintermediate
156
44
451