Implement GPUI Element traits for custom layout, prepaint, and paint phases.
npx skills add https://github.com/zerx-lab/rmx --skill gpui-element
Please help me install this Agent Skill. Skill: gpui-element Source: https://github.com/zerx-lab/rmx/tree/main/.opencode/skills/gpui-element Command: npx skills add https://github.com/zerx-lab/rmx --skill gpui-element
GPUI's low-level Element API lets developers build highly optimized custom UI components that require fine-grained control over layout, prepaint, and paint phases.
Implement the Element trait for your component, supply RequestLayoutState and PrepaintState, and integrate it into a GPUI tree by wrapping it in a container element such as a div.
High-intent search queries and answers about installing and using this skill.
Low-level control over rendering in GPUI is achieved by implementing the Element trait with associated RequestLayoutState and PrepaintState. This exposes precise lifecycle methods for managing request_layout, prepaint, and paint phases directly.
Custom hitboxes and layouts in GPUI are needed for performance-critical components requiring precise interaction models and non-standard rendering paths, such as bespoke dashboard widgets with advanced hit-testing.
To implement a custom element in GPUI, implement the Element trait and supply RequestLayoutState and PrepaintState. Integrate it into the GPUI tree by wrapping the component in a container element like a div.
Yes, GPUI supports fine-grained prepaint and paint phases. The low-level Element API exposes Window's lifecycle methods, allowing developers to manage layout, prepaint, painting, and interaction handling for custom UI behaviors.
Building a custom layout in GPUI requires implementing the Element trait with associated states for RequestLayoutState and PrepaintState. These states manage the lifecycle methods needed for optimized rendering and interaction handling.
The low-level Element API in GPUI requires advanced implementation of Element with associated states and manual management of layout, prepaint, and paint phases, making it complex for standard UI components that do not need maximum rendering control.
qol-toolsImplements gpui Render trait, App/Context lifecycle, window tooling, and gpui-component integration for inputs and lists.
cnwzhuBuild and compose GPUI UI element trees with div() and chainable styling.
zerx-labManage GPUI contexts for state updates, notifications, and async tasks.
onehrImplement custom GPUI UI elements via the Element trait lifecycle.
