Define actions and bind keyboard shortcuts in GPUI applications.
npx skills add https://github.com/longbridge/gpui-component --skill gpui-action-longbridge
Please help me install this Agent Skill. Skill: gpui-action Source: https://github.com/longbridge/gpui-component/tree/main/.claude/skills/gpui-action Command: npx skills add https://github.com/longbridge/gpui-component --skill gpui-action-longbridge
GPUI apps often require consistent, reusable patterns for defining user actions and keyboard shortcuts. This skill provides a structured approach to declare actions and bind keys, enabling predictable, accessible, and maintainable interactions across components.
Define an action set for your UI, bind keys to those actions, and attach action handlers in your rendering code.
High-intent search queries and answers about installing and using this skill.
You can define keyboard shortcuts for GPUI applications by declaring actions using the actions! macro or derive(Action), then binding keys to those actions with cx.bind_keys() to dispatch them. This structured approach ensures consistent and maintainable UI interactions across components.
Context-aware key bindings in GPUI are created by utilizing the key_context() method alongside cx.bind_keys(). This allows your application to apply responsive UI behaviors and dispatch actions only when specific contexts are active within your Render implementation.
You handle dispatched actions by attaching on_action handlers to elements within a Render implementation. This captures the actions declared via actions!(...) or derive(Action) and bound through cx.bind_keys(), executing the desired UI logic.
Yes, a Render implementation is required to attach on_action handlers to elements. Declarative actions and keyboard bindings in GPUI depend on this rendering structure to properly capture and respond to the dispatched events.
Declarative action definitions provide a structured approach for GPUI apps, ensuring predictable, accessible, and maintainable interactions. Unlike inline listeners, they allow you to centrally manage reusable shortcuts and context-aware bindings across multiple components.
zerx-labTeach core GPUI concepts for building desktop UIs with Rust.
zerx-labDefine GPUI actions and bind keyboard shortcuts with cx.bind_keys().
longbridgeManage keyboard focus and focus events for GPUI applications.
yeohj0710Manage keyboard visibility, scroll, accessory bar, and focus in Capacitor apps.
