Generates comprehensive UI component stories and usage examples following established design system patterns.
The Component Story Generator skill automates the creation of detailed story files used to document and demonstrate UI components, specifically tailored for GPUI-based Rust projects. By analyzing existing patterns in your codebase, it produces structured examples that utilize section blocks to organize basic usage, interactive states, and edge cases. This skill is essential for developers looking to maintain a consistent design system and provide clear, visual documentation for their frontend libraries.
Key Features
01Generation of interactive and edge-case examples
02Adherence to local project architectural patterns
030 GitHub stars
04Structured organization using section macros
05Automated creation of .rs story files
06Comprehensive coverage of component variants
Use Cases
01Standardizing component demonstrations across a design system
02Building a visual documentation library for a new UI component
03Quickly generating test cases for different UI states and variants
