This is your comprehensive reference when building applications with GPUI, the Rust UI framework. It covers the entire stack: actions and keybindings, async task spawning, the context system (App/Window/Context/AsyncApp), the low-level Element trait for custom components, entity state management, events and subscriptions, focus handling, global state, and flexbox-based styling. The navigation table is well organized, directing you to specific files for actions, async work, layout, testing, and more. Extended references dive deep into element patterns, entity management, and testing strategies. If you're writing GPUI code and need to understand how anything works, from basic div layouts to complex state machines, this is the skill to load.

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

Install

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

Installs into .claude/skills of the current project.

Files

This is your comprehensive reference when building applications with GPUI, the Rust UI framework. It covers the entire stack: actions and keybindings, async task spawning, the context system (App/Window/Context/AsyncApp), the low-level Element trait for custom components, entity state management, events and subscriptions, focus handling, global state, and flexbox-based styling. The navigation table is well organized, directing you to specific files for actions, async work, layout, testing, and more. Extended references dive deep into element patterns, entity management, and testing strategies. If you're writing GPUI code and need to understand how anything works, from basic div layouts to complex state machines, this is the skill to load.

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
1pedronauck avatarapp-renderer-systemspedronauck/skillsGuides creation and modification of domain feature systems organized under a systems/ directory. Covers directory layout, API service layer patterns, TanStack Q293skills.sh installs
2itechmeat avatarmantine-devitechmeat/llm-codeMantine UI library for React: 100+ components, hooks, forms, theming, dark mode, CSS modules, and Vite/TypeScript setup. Use when building React applications wi288skills.sh installs
3wix avatarwix-cli-embedded-scriptwix/skillsUse when adding tracking code, advertising pixels, third-party integrations, popups, banners, or client-side JavaScript to sites. Triggers include embed, inject288skills.sh installs
4gohypergiant avataraccelint-tanstack-query-best-practicesgohypergiant/agent-skillsUse when configuring QueryClient, implementing mutations, debugging performance, or adding optimistic updates with @tanstack/react-query in Next.js App Router. 279skills.sh installs
5tech-leads-club avatarperf-web-optimizationtech-leads-club/agent-skillsOptimize web performance: bundle size, images, caching, lazy loading, and overall page speed. Use when site is slow, reducing bundle size, fixing layout shifts,278skills.sh installs
6secondsky avatarsveltia-cmssecondsky/claude-skillsSveltia CMS Git-backed content management (Decap/Netlify CMS successor). 5x smaller bundle (300 KB), GraphQL performance, solves 260+ issues. Use for static sit277skills.sh installs