Is this specific to the gpui-component library?

While optimized for the gpui-component repository patterns, it serves as a robust template for any Rust developer building desktop applications with GPUI.

Does this skill handle interactive component states?

Yes, it is designed to include interactive examples and state-based variants to fully showcase how a component behaves under user input.

What is a GPUI component story?

A GPUI component story is a dedicated Rust file used to demonstrate and test a specific UI component in various configurations, states, and interactive scenarios.

How does this skill maintain consistency with my codebase?

The skill analyzes existing patterns in the crates/story/src/stories directory to ensure generated code matches your project's established style and macro usage.

GPUI Component Story Generator

Name: GPUI Component Story Generator
Author: BumpyClock

byBumpyClock

0•

デザインツール

Generates comprehensive component story examples for Rust GPUI development to demonstrate variants, states, and interactive usage.

This skill automates the creation of component stories within the GPUI framework, ensuring consistent documentation and visual testing of UI elements. It leverages existing patterns from the gpui-component repository, utilizing standardized macros to organize basic usage, interactive variants, and edge cases. By streamlining the generation of story files, it helps developers showcase component capabilities, maintain design system consistency, and accelerate the frontend development workflow in Rust.

主な機能

01Support for interactive examples and error state demonstration

02Comprehensive coverage of component variants and states

03Pattern matching based on established library examples

040 GitHub stars

05Organized structure using standardized section macros

06Automated generation of Rust GPUI component stories

ユースケース

01Generating comprehensive usage examples for library contributors

02Documenting new UI components for a GPUI design system

03Creating interactive playgrounds for visual component testing

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add bumpyclock/gpui-component generate-component-story

For use in Claude.ai and ChatGPT

主な機能

01Support for interactive examples and error state demonstration

02Comprehensive coverage of component variants and states

03Pattern matching based on established library examples

040 GitHub stars

05Organized structure using standardized section macros

06Automated generation of Rust GPUI component stories

ユースケース

01Generating comprehensive usage examples for library contributors

02Documenting new UI components for a GPUI design system

03Creating interactive playgrounds for visual component testing

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add bumpyclock/gpui-component generate-component-story

For use in Claude.ai and ChatGPT