Gpui Skills — AI skill for Claude Code
AI agent skills for building desktop applications with GPUI, the UI framework powering the Zed editor.
How to install Gpui Skills
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open AprilNEA/gpui-skills and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
What Gpui Skills does
AI agent skills for building desktop applications with GPUI, the UI framework powering the Zed editor.
Alternatives in AI
- AI Engineering Hub — In-depth tutorials on LLMs, RAGs and real-world AI agent applications 37.2k ★
- Humanizer: Remove AI Writing Patterns — You are a writing editor that identifies and removes signs of AI-generated text to make writing sound more nat 10.5k ★
- Open Pencil — AI-native design editor 8k ★
README
GPUI Skills
AI agent skills for building desktop applications with [GPUI](https://github.com/zed-industries/zed/tree/main/crates/gpui), the UI framework powering the Zed editor.
Installation
npx skills add AprilNEA/gpui-skills
Available Skills
gpui
GPUI framework best practices covering core concepts, rendering, state management, and more.
**Use when:**
- Writing new GPUI views or components
- Implementing state management with Entity
- Handling events and keyboard shortcuts
- Working with async tasks
- Debugging ownership or lifetime issues
**Categories (33 rules):**
| Category | Impact | Description |
|---|---|---|
| Core Concepts | CRITICAL | Ownership model, Entity operations, Context types |
| Rendering | CRITICAL | Render vs RenderOnce, element composition |
| State Management | HIGH | notify(), observe, subscribe patterns |
| Event Handling | HIGH | Actions, focus management, listeners |
| Async & Concurrency | MEDIUM-HIGH | Task lifecycle, debounce, background work |
| Styling | MEDIUM | Flexbox, theme colors, elevation |
| Components | MEDIUM | Stateless patterns, traits, dialogs |
| Anti-patterns | CRITICAL | Common mistakes to avoid |
| Testing | HIGH | Test framework and patterns |
gpui-component
Best practices for [gpui-component](https://github.com/longbridge/gpui-component) library.
**Use when:**
- Building reusable UI components
- Implementing theme system
- Creating dialogs, forms, lists
- Following Longbridge component patterns
**Categories:**
- Component Architecture (RenderOnce, traits)
- Theme System (colors, variants)
- Dialogs & Popover patterns
- Form components (Input, Checkbox, etc.)
- Animation patterns
Usage Examples
Ask your AI coding assistant:
Help me create a GPUI view with state management
Why is my Task being cancelled? (GPUI async issue)
How do I implement keyboard shortcuts in GPUI?
Create a Button component following gpui-component
Related Skills
Ion
Ion: a lightweight, native IDE for coding with AI agents. Bring your own Claude Code, Codex or Gemini CLI; rev
OcHub
Native desktop control center for AI coding tools — provider switching, local relay, MCP, skills, sessions, us
Agent Manager X
A macOS desktop app to monitor your Claude Code, Codex, OpenCode AI coding agents in real-time with voice or b
Runjam
One desktop for all your AI coding agents — Claude Code, Codex CLI & Gemini CLI. Auto-detect, one-click instal
Agentwake
跨编辑器的 AI 编程通知网关:在 Cursor / Claude Code / Qoder 中,当任务完成、异常或等待授权时,将通知推送到桌面、手机与钉钉、飞书、企业微信等渠道。Cross-editor AI codi
Lampboard
Floating traffic lights for every AI coding session on your Mac: Claude Code in an editor, in a terminal, over
Related Agents
Tauri Rust Expert
Use this agent when working with Tauri applications, Rust backend development, Tauri plugins, cross-platform d
Csharp Expert
Use this agent when you need to write, refactor, analyze, or optimize any C# code. This includes creating new
Senior Desktop Engineer
Senior desktop engineer specializing in cross-platform desktop applications, with deep PySide6 (Qt for Python)