Claude Code Plugins

Community-maintained marketplace

Feedback

generate-component-story

@majiayu000/claude-skill-registry
27
0

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

Install Skill

Shared

Installs to .agents/skills, used by Codex, Amp, Warp, Cursor, OpenCode, and more.

CodexAmp
Warp
CursorOpenCode
Cline
Gemini CLI
GitHub Copilot
Personal

Available across projects.

$npx skills-installer add @majiayu000/claude-skill-registry/generate-component-story --client shared
Project

Writes to .agents/skills.

$npx skills-installer add @majiayu000/claude-skill-registry/generate-component-story -p --client shared
Note: Review the skill instructions before using it.

SKILL.md

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

Instructions

When creating component stories:

  1. Follow existing patterns: Base stories on the styles found in crates/story/src/stories (examples: tabs_story.rs, group_box_story.rs, etc.)
  2. Use sections: Organize the story with section! calls for each major part
  3. 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