Summary
This is a scaffolding helper for building UI components in GPUI, the Rust-based GPU-accelerated UI framework from Zed Industries. It walks you through the standard patterns: whether to use stateless elements for simple stuff like buttons, stateful elements for data-heavy components like selects, or composition when building on existing pieces. The real value is in the guardrails. It'll push you to follow the existing codebase conventions in crates/ui/src, match Shadcn UI patterns for consistency, and remember the boring stuff like documentation and story registration. If you're contributing to a GPUI project or building internal component libraries, this keeps your components from feeling like they came from a different codebase.
Install to Claude Code
npx -y skills add longbridge/gpui-component --skill new-component --agent claude-codeInstalls into .claude/skills of the current project.
Keep your Mac awake while Claude Code and 40+ AI agents run. Sleeps when they're idle.
One time payment $9 →
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →
Files
SKILL.md
Select a file.
Featured
Keep your Mac awake while Claude Code and 40+ AI agents run. Sleeps when they're idle.
One time payment $9 →Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →
