Skills
.Work. You
Rest

gum-layout

Community

Clear guide to mastering Gum's UI layout system.

Software Engineering#ui-layout#gum#dimension-units#children-layout#anchor-dock#layout-engine
Authorvchelaru
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Developers struggle to understand and correctly apply Gum's complex layout system, leading to inefficient UI design and buggy interfaces.

Core Features & Use Cases

  • Dimension & Position Units: Detailed explanations of DimensionUnitType and GeneralUnitType enums for precise sizing and positioning.
  • Children Layout Modes: Guidance on stacking, auto‑grid, and wrapping behaviors for container elements.
  • Anchor & Dock APIs: How to quickly position elements using high‑level shortcuts.
  • Layout Engine Flow: Insight into UpdateLayout, suspension, dirty tracking, and performance considerations.
  • Use Cases: Ideal for UI developers needing to build responsive menus, panels, and game HUDs within Gum-powered projects.

Quick Start

Ask the gum-layout skill to explain how to anchor a button to the bottom‑right corner of its parent.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: gum-layout
Download link: https://github.com/vchelaru/Gum/archive/main.zip#gum-layout

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.