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 6个月前
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.