This is your go-to reference when building anything with GPUI, Zed's Rust UI framework. It covers the full stack: entity state management with Entity<T> and WeakEntity, the low-level Element trait for custom components, async task handling, actions and keybindings, focus management, and flexbox-based styling. The navigation is smart. It tells you exactly which reference file to load based on what you're doing, whether that's wiring up keyboard shortcuts, spawning background tasks, or painting custom elements. The extended references go deep on element patterns, entity lifecycle, and testing strategies. If you're working on a GPUI app or just trying to understand how Zed's UI layer works, this beats hunting through source code.

skills.sh installs
254
GitHub stars
12.5K
last updated
Aug 21, 2026

Install

$ npx -y skills add longbridge/gpui-component --skill gpui-entity --agent claude-code

Installs into .claude/skills of the current project.

Files

This is your go-to reference when building anything with GPUI, Zed's Rust UI framework. It covers the full stack: entity state management with Entity<T> and WeakEntity, the low-level Element trait for custom components, async task handling, actions and keybindings, focus management, and flexbox-based styling. The navigation is smart. It tells you exactly which reference file to load based on what you're doing, whether that's wiring up keyboard shortcuts, spawning background tasks, or painting custom elements. The extended references go deep on element patterns, entity lifecycle, and testing strategies. If you're working on a GPUI app or just trying to understand how Zed's UI layer works, this beats hunting through source code.

Browse the repository on GitHub

Sponsors

Details

Repository
github.com/longbridge/gpui-component
Categories
Frontend Development, Finance & Trading
First seen
Jun 3, 2026

More from longbridge/gpui-component

All 16
1longbridge avatargpui-actionlongbridge/gpui-componentAction definitions and keyboard shortcuts in GPUI. Use when implementing actions, keyboard shortcuts, or key bindings.253skills.sh installs
2longbridge avatargpui-style-guidelongbridge/gpui-componentGPUI Component project style guide based on gpui-component code patterns. Use when writing new components, reviewing code, or ensuring consistency with existing231skills.sh installs
3longbridge avatargpui-globallongbridge/gpui-componentGlobal state management in GPUI. Use when implementing global state, app-wide configuration, or shared resources.229skills.sh installs
4laguagu avatarai-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
5oguzhan18 avatarrxjsoguzhan18/angular-ecosystem-skillsALWAYS use when working with RxJS Observables, operators, and reactive patterns in Angular applications.214skills.sh installs
6spences10 avatarecosystem-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 installs