generate-component-story
🎯Skillfrom longbridge/gpui-component
|generate-component-story skill from longbridge/gpui-component
Installation
npx skills add https://github.com/longbridge/gpui-component --skill generate-component-storySkill Details
Create story examples for components. Use when writing stories, creating examples, or demonstrating component usage.
Instructions
When creating component stories:
- Follow existing patterns: Base stories on the styles found in
crates/story/src/stories(examples:tabs_story.rs,group_box_story.rs, etc.) - Use sections: Organize the story with
section!calls for each major part - 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
More from this repository10
Enforces consistent GPUI component design patterns by providing a comprehensive style guide for creating and reviewing Rust UI components.
Enables asynchronous operations and background tasks in GPUI, allowing seamless coordination between UI updates and concurrent computations.
Enables type-safe event handling, subscriptions, and observations for coordinating component interactions in GPUI applications.
Provides CSS-like layout and styling for Rust GPUI components using type-safe, chainable methods for flexbox, sizing, colors, and spacing.
Manages application state through safe, concurrent entities with read, update, and weak reference capabilities for reactive and async-friendly state handling in GPUI.
Enables keyboard-driven focus management and navigation between focusable elements in GPUI user interfaces.
Defines and manages keyboard-driven actions and key bindings for declarative UI interactions in GPUI applications.
gpui-context skill from longbridge/gpui-component
Enables comprehensive testing of GPUI applications with deterministic, single-threaded test execution for UI components and async operations.
Enables low-level, performance-critical custom UI element creation with precise control over layout, painting, and interaction phases in GPUI.