Agent-Skills.md

Agent Skills: generate-component-story

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

UncategorizedID: longbridge/gpui-component/generate-component-story

Repository

longbridge/gpui-component
longbridgeLicense: NOASSERTION
10,774512

Install this agent skill to your local

pnpm dlx add-skill https://github.com/longbridge/gpui-component/tree/HEAD/.claude/skills/generate-component-story

Skill Files

Browse the full folder contents for generate-component-story.

Download Skill

Loading file tree…

.claude/skills/generate-component-story/SKILL.md

Skill Metadata

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