Gpui Style Guide
This is a comprehensive reference guide for GPUI, Zed's UI framework. It covers the full stack: actions and keybindings, async tasks, context management, the low-level Element trait for custom components, entity state management, events, focus handling, and flexbox-based styling. The navigation table helps you jump directly to what you need, whether that's spawning background tasks, building custom elements, or wiring up keyboard shortcuts. The extended references go deep on elements, entities, and testing with API docs, patterns, and examples. If you're building anything in GPUI or working on Zed itself, this gives you the framework knowledge without digging through source code.
- skills.sh installs
- 231
- GitHub stars
- 12.5K
- last updated
- Aug 21, 2026
Install
$ npx -y skills add longbridge/gpui-component --skill gpui-style-guide --agent claude-codeInstalls into .claude/skills of the current project.
Files
This is a comprehensive reference guide for GPUI, Zed's UI framework. It covers the full stack: actions and keybindings, async tasks, context management, the low-level Element trait for custom components, entity state management, events, focus handling, and flexbox-based styling. The navigation table helps you jump directly to what you need, whether that's spawning background tasks, building custom elements, or wiring up keyboard shortcuts. The extended references go deep on elements, entities, and testing with API docs, patterns, and examples. If you're building anything in GPUI or working on Zed itself, this gives you the framework knowledge without digging through source code.
Browse the repository on GitHubSponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/longbridge/gpui-component
- Categories
- Frontend Development, Backend & APIs, Documentation, Code Review & Quality, Finance & Trading
- First seen
- Jun 3, 2026
More from longbridge/gpui-component
All 16Recommended
More Frontend Development
gpui-globallongbridge/gpui-componentGlobal state management in GPUI. Use when implementing global state, app-wide configuration, or shared resources.229skills.sh installs
ai-sdk-6laguagu/claude-code-nextjs-skillsVercel AI SDK v6 development. Use when building AI agents, chatbots, tool integrations, streaming apps, or structured output with the ai package. Covers ToolLoo216skills.sh installs
rxjsoguzhan18/angular-ecosystem-skillsALWAYS use when working with RxJS Observables, operators, and reactive patterns in Angular applications.214skills.sh installs
ecosystem-guidespences10/svelte-skills-kitGuide to spences10's Claude Code ecosystem tools. Use when user asks which tool to use, how tools relate, or needs help choosing between MCP servers, skills, or204skills.sh installsgithub-pull-request-descriptionlongbridge/gpui-componentWrite a description to description GitHub Pull Request.155skills.sh installs