Menu
Create story examples for components. Use when writing stories, creating examples, or demonstrating component usage.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
| name | generate-component-story |
| description | Create story examples for components. Use when writing stories, creating examples, or demonstrating component usage. |
When creating component stories:
crates/story/src/stories (examples: tabs_story.rs, group_box_story.rs, etc.)section! calls for each major partA typical story structure includes:
Generate documentation for new components. Use when writing docs, documenting components, or creating component documentation.
Write a description to description GitHub Pull Request.
Action definitions and keyboard shortcuts in GPUI. Use when implementing actions, keyboard shortcuts, or key bindings.
Async operations and background tasks in GPUI. Use when working with async, spawn, background tasks, or concurrent operations. Essential for handling async I/O, long-running computations, and coordinating between foreground UI updates and background work.
Context management in GPUI including App, Window, and AsyncApp. Use when working with contexts, entity updates, or window operations. Different context types provide different capabilities for UI rendering, entity management, and async operations.
Implementing custom elements using GPUI's low-level Element API (vs. high-level Render/RenderOnce APIs). Use when you need maximum control over layout, prepaint, and paint phases for complex, performance-critical custom UI components that cannot be achieved with Render/RenderOnce traits.