Generate Component Story

Create comprehensive story examples for UI components

✨ The solution you've been looking for

Verified

Tested and verified by our team

9771 Stars

Create story examples for components. Use when writing stories, creating examples, or demonstrating component usage.

component-stories ui-documentation examples storybook gpui rust frontend testing

See It In Action

Interactive preview & real-world examples

Live Demo

See how users interact with this skill

User Prompt

Create a story for a Button component that shows default, primary, and disabled states

Skill Processing

Analyzing request...

Agent Response

A complete Rust story file following existing patterns with section! calls and comprehensive examples

Get up and running in minutes

claude-code skill install generate-component-story

claude-code skill install generate-component-story

@generate-component-story help

Command	Description	Required Args
@generate-component-story basic-component-story-creation	Generate a complete story file for a new UI component with basic usage examples	None
@generate-component-story interactive-story-examples	Build interactive stories that demonstrate component behavior and state changes	None
@generate-component-story edge-case-documentation	Create stories that cover edge cases and error states for robust component testing	None

Generate a complete story file for a new UI component with basic usage examples

Build interactive stories that demonstrate component behavior and state changes

Create stories that cover edge cases and error states for robust component testing

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