Rules
- Based on existing story styles in the
crates/story/src/storiesfolder, examples:tabs_story.rs,group_box_story.rs, etc. - Use
sectionfor each major part of the story. - Cover all options, variants, and usage examples of the component.
Generate Component Story
Generate a comprehensive story for a new component for as example.
majiayu000
Updated Generate Component Story by majiayu000 · 4175770
npx skillmds@latest add majiayu000/generate-component-story File contents
---name: generate-component-storydescription: Generate a comprehensive story for a new component for as example.---## 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.
majiayu000/claude-skill-registry-data/tree/main/design/generate-component-story commit 4175770614
Frequently asked questions
Run npx skillmds@latest add majiayu000/generate-component-story in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.
Generate a comprehensive story for a new component for as example. It is listed under Web & Frontend on SkillMD.
This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.
This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.
Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.
majiayu000 (@majiayu000) published this skill. Their other Agent Skills are listed on their SkillMD profile.