# Generate Component Story

> Generate a comprehensive story for a new component for as example.

- Skill: `majiayu000/generate-component-story` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add majiayu000/generate-component-story`
- Raw SKILL.md: https://api.skillmd.com/api/skills/majiayu000/generate-component-story/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: majiayu000 (https://skillmd.com/u/majiayu000)
- Updated: 2026-09-21
- Page: https://skillmd.com/skills/majiayu000/generate-component-story

---


## Rules

- Based on existing story styles in the `crates/story/src/stories` folder, examples: `tabs_story.rs`, `group_box_story.rs`, etc.
- Use `section` for each major part of the story.
- Cover all options, variants, and usage examples of the component.