gpui-layout-and-style

Name: gpui-layout-and-style
Availability: InStock
Author: zerx-lab

Style and lay out GPUI components with a CSS-like API in Rust.

62|1|Updated Feb 5, 2026

Search Tags:#theming #ui #layout #styling #rust #gpui #css-like

Ready to run

npx skills add https://github.com/zerx-lab/rmx --skill gpui-layout-and-style

💬 Prompt for ChatGPT / Claude Chat▼

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

GPUI styling and layout DSL streamlines creating consistent, visually cohesive user interfaces in Rust by providing a CSS-like syntax with type-safe APIs.

Core Features & Use Cases

CSS-like styling DSL for GPUI components in Rust
Flexbox-style layout primitives and sizing units (px, rems, relative)
Theming and color tokens via cx.theme()
Responsive and adaptive layouts with consistent spacing
Use Case: Build a responsive dashboard card grid with themed styles

Quick Start

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")

Frequently Asked Questions about gpui-layout-and-style

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I style GPUI components in Rust using a CSS-like syntax?▼

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.

What layout primitives and sizing units are available for GPUI styling?▼

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.

Do I need the gpui crate and Rust toolchain to build responsive UI layouts?▼

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.

How do I apply theming and color tokens when building GPUI dashboards?▼

Apply theming and color tokens in GPUI dashboards using cx.theme() to ensure consistent styling across responsive component libraries and adaptive card grids.

Can I use standard CSS properties for styling Rust desktop applications?▼

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.