generate-component-story

You generate UI component stories by applying this skill to automate example creation, adhering to existing patterns in crates/story/src/stories and using section! blocks to organize basic usage, variants, and edge cases.

Documenting design-system variants is best handled by generating structured story examples using section! blocks, which organize component demonstrations across basic usage, interactive examples, and edge cases consistently.

Structuring a Rust UI component story involves using section! blocks to divide content into major parts, providing ready-to-run examples that integrate seamlessly into documentation, tests, and design-system demos.

Yes, the generated component story follows established demo file patterns, matching the structure of existing files like tabs_story.rs and group_box_story.rs within the crates/story/src/stories directory.

When writing UI component stories, include edge cases alongside basic usage, variants, and interactive examples to ensure comprehensive coverage for documentation, testing, and tutorials.