Skills
.Work. You
Rest

gum-variable-deep-dive

Community

Master Gum variable flow from save to UI

Software Engineering#ui#runtime#forms#refresh#state#variable#gum
Authorvchelaru
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Developers struggle to understand how variable values move from Gum's saved project data to live UI elements, making styling, theming, and runtime updates time‑consuming and error‑prone.

Core Features & Use Cases

  • Three‑layer overview: Save data (ElementSave, StateSave, VariableSave), visual runtime (GraphicalUiElement), and Forms behavior (FrameworkElement subclasses).
  • Shared reference insight: StateSave objects are stored by reference, so changes propagate instantly to the visual layer.
  • Refresh workflow: After modifying variables, run ApplyAllVariableReferences then RefreshStyles to push updates without recreating the UI.
  • Use case: When a theme color variable is edited in code, this skill guides you through refreshing all live controls to reflect the new color.

Quick Start

Use the gum-variable-deep-dive skill to walk through refreshing styles after updating a VariableSave value.

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-variable-deep-dive
Download link: https://github.com/vchelaru/Gum/archive/main.zip#gum-variable-deep-dive

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.