/gpui-component-dev
Contributing to the gpui-component library: creating new UI components, writing component stories, writing component documentation, and writing GitHub PR descriptions. Use when adding a new component to crates/ui, writing a story in crates/story/src/stories, creating docs in the
$ npx -y skills add longbridge/gpui-component --skill gpui-component-dev --agent claude-codeHow it fires
How this skill gets triggered: by you, by Claude, or both.
- Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.Auto-invocation is when the right skill fires by itself at the right moment, driven by a FLOW.md router and a hook, instead of you invoking it by name. It is the difference between a skill being installed and a skill actually getting used.Read the full definition →
- You can call itInvoke it directly when you want it.
- Slash command
/gpui-component-dev
Context preview
The summary Claude sees to decide when to auto-load this skill.
Contributing to the gpui-component library: creating new UI components, writing component stories, writing component documentation, and writing GitHub PR descriptions. Use when adding a new component to crates/ui, writing a story in crates/story/src/stories, creating docs in the
SKILL.md
gpui-component-dev.SKILL.mdname: gpui-component-dev description: Contributing to the gpui-component library: creating new UI components, writing component stories, writing component documentation, and writing GitHub PR descriptions. Use when adding a new component to crates/ui, writing a story in crates/story/src/stories, creating docs in the docs/ folder, or writing a PR description for this project.
Navigation
| Topic | File | When to load | |-------|------|--------------| | Creating a new component | [new-component.md](references/new-component.md) | Adding new components to `crates/ui/src` | | Writing stories | [story.md](references/story.md) | Creating examples in `crates/story/src/stories` | | Writing documentation | [documentation.md](references/documentation.md) | Writing docs in `docs/docs/components/` | | Writing PR descriptions | [pr-description.md](references/pr-description.md) | GitHub PR descriptions and breaking changes format |
UI components for building fantastic desktop applications using GPUI.
Other skills on gpui-component.
- /gpui-component
How to use the gpui-component UI library in GPUI applications. Use when building UIs with gpui-component components (Button, Input, Select, Dialog, Tabs, Sidebar, List, Table, etc.), setting up the library, handling component state, theming, or finding the right component for a
Open skill - /gpui
GPUI framework knowledge covering actions/keybindings, async/background tasks, context management (App/Window/Context<T>/AsyncApp), custom elements (low-level Element trait), entity state management, event system, focus handling, global state, layout/styling (flexbox/CSS-like),
Open skill