gpui-component
✓gpui-component library patterns for building reusable UI components. Use when creating buttons, inputs, dialogs, forms, or following Longbridge component library conventions in GPUI applications.
Installation
SKILL.md
Comprehensive guide for building UI components with gpui-component, a component library for GPUI applications.
| 1 | Component Architecture | CRITICAL | comp- | | 2 | Trait System | CRITICAL | trait- | | 3 | Theme System | HIGH | theme- | | 4 | Dialog & Popover | HIGH | dialog- | | 5 | Form Components | MEDIUM | form- | | 6 | Animation | MEDIUM | anim- |
| Feature | Dialog | Popover | PopupMenu | Sheet |
gpui-component library patterns for building reusable UI components. Use when creating buttons, inputs, dialogs, forms, or following Longbridge component library conventions in GPUI applications. Source: aprilnea/gpui-skills.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/aprilnea/gpui-skills --skill gpui-component- Source
- aprilnea/gpui-skills
- Category
- *Creative Media
- Verified
- ✓
- First Seen
- 2026-02-01
- Updated
- 2026-02-18
Quick answers
What is gpui-component?
gpui-component library patterns for building reusable UI components. Use when creating buttons, inputs, dialogs, forms, or following Longbridge component library conventions in GPUI applications. Source: aprilnea/gpui-skills.
How do I install gpui-component?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/aprilnea/gpui-skills --skill gpui-component Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/aprilnea/gpui-skills