gpui-kit — Claude Code skill: what it does, how to install
This skill guides AI coding assistants in building Rust desktop apps with the gpui-kit crate. Use it to implement UI components, manage state, handle focus, and write tests.
npx skills add longbridge/gpui-kit --skill gpui-kit -a claude-codeWhat gpui-kit does
This skill delivers normative coding rules for building Rust desktop software with the gpui-kit crate. The crate bundles styled components and base behaviors under a single dependency. It directs the assistant when selecting elements like Button or DataTable, and configures themes and focus.
Architecture boundaries are strictly defined. The guidelines distinguish RenderOnce from Entity<T> and enforce domain-derived ElementId values over list indexes. Async side effects run through cx.spawn, while tests rely on #[gpui_kit::test]. Coding agents frequently fail by inventing methods from web frameworks, so this guide explicitly bans generating unverified APIs.
Visual hierarchy and color schemes rely on the paired gpui-kit-design-guides skill.
What it helps with
- structure desktop app architecture with the
gpui-kitcrate - decide between
RenderOnceandEntity<T>for state ownership - assign domain-derived
ElementIdidentifiers to repeated elements - write UI integration tests using
#[gpui_kit::test]andTestAppContext
Example prompts for the agent
- Help me build a settings dialog using Tabs and Input from gpui-kit
- How do I spawn an async task and update Entity state in gpui-kit?
- Write a UI integration test for this view using #[gpui_kit::test]
How to install gpui-kit
1Skills CLI (Vercel)
npx skills add longbridge/gpui-kit --skill gpui-kit -a claude-code2Manually: put the files in place
~/.claude/skills/gpui-kit/SKILL.mdCopy the whole skill folder; for one project use .claude/skills/gpui-kit/
1Skills CLI (Vercel)
npx skills add longbridge/gpui-kit --skill gpui-kit -a codex2Manually: put the files in place
.agents/skills/gpui-kit/SKILL.mdFor all projects use ~/.agents/skills/
1Skills CLI (Vercel)
npx skills add longbridge/gpui-kit --skill gpui-kit -a cursor2Manually: put the files in place
.cursor/skills/gpui-kit/SKILL.mdCursor also reads .agents/skills/ and .claude/skills/
1GitHub CLI
gh skill install longbridge/gpui-kit gpui-kit2Manually: put the files in place
.github/skills/gpui-kit/SKILL.md1Skills CLI (Vercel)
npx skills add longbridge/gpui-kit --skill gpui-kit -a gemini-cli2Platform CLI
gemini skills install https://github.com/longbridge/gpui-kit --path skills/gpui-kitManually: put the files in place
.devin/skills/gpui-kit/SKILL.mdThe legacy .windsurf/skills/ path still works
Skills CLI (Vercel)
npx skills add longbridge/gpui-kit --skill gpui-kit -a opencodeClaude.ai
Zip the folder and upload it in Settings → Capabilities → Skills
From the same set2
The whole set →Similar
Questions about gpui-kit
How to install gpui-kit in Claude Code?
Run npx skills add longbridge/gpui-kit --skill gpui-kit -a claude-code in your terminal. This downloads the skill into your Claude Code environment.
What does the gpui-kit skill do?
It provides normative coding guidelines for building Rust desktop interfaces with the gpui-kit crate. The guide covers component structures, cx context usage, focus handling, and UI tests.
How does this skill differ from gpui-kit-design-guides?
This skill focuses on code architecture, state ownership, async tasks, and testing. Visual decisions such as spacing, colors, and layout hierarchy belong to the paired gpui-kit-design-guides skill.
