Style and lay out GPUI components with a CSS-like API in Rust.
npx skills add https://github.com/zerx-lab/rmx --skill gpui-layout-and-style
Please help me install this Agent Skill. Skill: gpui-layout-and-style Source: https://github.com/zerx-lab/rmx/tree/main/.opencode/skills/gpui-layout-and-style Command: npx skills add https://github.com/zerx-lab/rmx --skill gpui-layout-and-style
GPUI styling and layout DSL streamlines creating consistent, visually cohesive user interfaces in Rust by providing a CSS-like syntax with type-safe APIs.
Create a simple styled element:
div() .w(px(300.)) .h(px(200.)) .bg(rgb(0x2196F3)) .text_color(rgb(0xFFFFFF)) .rounded(px(8.)) .p(px(16.)) .child("Styled Card")
High-intent search queries and answers about installing and using this skill.
Style GPUI components in Rust with a CSS-like DSL using type-safe APIs, applying primitives like div, w, h, bg, and text_color to build visually cohesive user interfaces.
GPUI styling supports Flexbox-style layout primitives and sizing units including px, rems, and relative sizing to create responsive and adaptive layouts with consistent spacing.
Yes, building responsive themed user interfaces with this CSS-like GPUI layout approach requires the gpui crate and a Rust toolchain to run your desktop-style applications.
Apply theming and color tokens in GPUI dashboards using cx.theme() to ensure consistent styling across responsive component libraries and adaptive card grids.
You use a CSS-like API rather than standard CSS, providing type-safe styling methods like rounded() and p() for Rust desktop applications to ensure compile-time safety.
zerx-labScaffold GPUI projects with standard Cargo.toml and src/main.rs templates.
zerx-labTest GPUI components and async operations with #[gpui::test].
onehrManage GPUI core state, lifecycle, and observe/subscribe/emit events.
longbridgeStyle GPUI components with CSS-like properties in Rust.
