generate-component-story | Skill Performance & Reviews | TopRankSkills

TopRank Skills

Home / Skills / tools / generate-component-story

generate-component-story

maintained by longbridge

star 9.9k account_tree 438 verified_user MIT License
bolt View GitHub

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

chat Comments (0)

chat_bubble_outline

No comments yet. Be the first to share your thoughts!

Skill Details

GitHub Stars 9.9k
GitHub Forks 438
Created Jan 2026
Last Updated il y a 4 mois
tools tools cms platforms

Related Skills

ui-ux-pro-max
chevron_right
building-agents
chevron_right
context-engineering-collection
chevron_right
prisma-expert
chevron_right
nestjs-expert
chevron_right

Build your own?

Join 12,000+ developers contributing to the Claude ecosystem.