Claude-skill-registry generate-component-story

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

install

source · Clone the upstream repo

git clone https://github.com/majiayu000/claude-skill-registry

Claude Code · Install into ~/.claude/skills/

T=$(mktemp -d) && git clone --depth=1 https://github.com/majiayu000/claude-skill-registry "$T" && mkdir -p ~/.claude/skills && cp -r "$T/skills/data/generate-component-story" ~/.claude/skills/majiayu000-claude-skill-registry-generate-component-story-e2f3b3 && rm -rf "$T"

manifest: skills/data/generate-component-story/SKILL.md

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