generate-component-story
CommunityGenerate clear component stories and examples.
Authorzerx-lab
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This skill automates the creation of story examples for UI components, helping teams document usage, test interactions, and showcase design system patterns with consistent stories.
Core Features & Use Cases
- Generate stories following established patterns in crates/story/src/stories (e.g., tabs_story.rs, group_box_story.rs).
- Organize stories with section! blocks for each major part (Basic usage, Variants, Interactive examples, Edge cases).
- Provide ready-to-run stories that can be integrated into docs, tests, and design-system demos.
Quick Start
Use the generate-component-story skill to create stories for a sample component, following the patterns in crates/story/src/stories and organizing content with section! blocks.
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: generate-component-story Download link: https://github.com/zerx-lab/rmx/archive/main.zip#generate-component-story Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.