This is comprehensive GPUI framework documentation packaged as a skill, covering everything from low-level Element trait implementation to async tasks, entity state management, and testing. It's organized as a navigation table that routes you to the right reference file based on what you're doing, whether that's binding keys, managing focus, building custom elements with request_layout and paint, or wiring up cross-entity communication. The extended references go deep on patterns and best practices for complex scenarios like virtual lists and state machines. If you're building anything with GPUI beyond basic UI composition, you'll want this loaded. The structure assumes you know what you're looking for, which is fair given GPUI's learning curve.

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

Install

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

Installs into .claude/skills of the current project.

Files

This is comprehensive GPUI framework documentation packaged as a skill, covering everything from low-level Element trait implementation to async tasks, entity state management, and testing. It's organized as a navigation table that routes you to the right reference file based on what you're doing, whether that's binding keys, managing focus, building custom elements with request_layout and paint, or wiring up cross-entity communication. The extended references go deep on patterns and best practices for complex scenarios like virtual lists and state machines. If you're building anything with GPUI beyond basic UI composition, you'll want this loaded. The structure assumes you know what you're looking for, which is fair given GPUI's learning curve.

Browse the repository on GitHub

Sponsors

Details

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

More from longbridge/gpui-component

All 16
1webflow avatardesigner-toolswebflow/webflow-skillsBuild and manage pages, elements, components, and styles in Webflow Designer. Use when adding sections, creating layouts, building elements, inspecting or updat172skills.sh installs
2reactjs avatardocs-componentsreactjs/react.devComprehensive MDX component patterns (Note, Pitfall, DeepDive, Recipes, etc.) for all documentation types. Authoritative source for component usage, examples, a0skills.sh installs
3nextlevelbuilder avatarckm%3Aui-stylingnextlevelbuilder/ui-ux-pro-max-skill8.6Kskills.sh installs
4nextlevelbuilder avatarckm%3Adesignnextlevelbuilder/ui-ux-pro-max-skill8.5Kskills.sh installs
5nextlevelbuilder avatarckm%3Adesign-systemnextlevelbuilder/ui-ux-pro-max-skill8.5Kskills.sh installs
6nextlevelbuilder avatarckm%3Abanner-designnextlevelbuilder/ui-ux-pro-max-skill8.4Kskills.sh installs