gum-tool-variable-grid

Guide developers through Gum's Variables tab and DataUiGrid system.

597|79|Updated Mar 11, 2015
One-click install
npx skills add https://github.com/vchelaru/Gum --skill gum-tool-variable-grid
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: gum-tool-variable-grid
Source: https://github.com/vchelaru/Gum/tree/main/.claude/skills/gum-tool-variable-grid
Command: npx skills add https://github.com/vchelaru/Gum --skill gum-tool-variable-grid

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Provides a concise, in‑depth reference for developers working with Gum's Variables tab and the DataUiGrid control, eliminating guesswork and reducing time spent interpreting internal plugin behavior.

Core Features & Use Cases

  • Explains the architecture layers from selection to grid rendering, including MainVariableGridPlugin and PropertyGridManager.
  • Details non‑obvious behaviors such as expansion preservation, control recycling, multi‑select handling, and state‑referencing members.
  • Shows how to force full grid rebuilds or preserve UI state during rapid selection changes, useful when extending Gum or debugging UI issues.

Quick Start

Request the gum-tool-variable-grid skill to describe how to preserve category expansion when switching selections in Gum.

Frequently Asked Questions about gum-tool-variable-grid

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

FAQPage Schema
How do I preserve category expansion in Gum's Variables tab when switching selections?▼

To preserve category expansion in Gum's Variables tab, the MainVariableGridPlugin and PropertyGridManager recycle controls and track expansion states, ensuring UI persistence during rapid selection changes.

How does the DataUiGrid handle multi-select synchronization in Gum?▼

The DataUiGrid handles multi-select synchronization by leveraging internal Gum plugins to recycle controls and manage state-referencing members, ensuring accurate property rendering across multiple selected elements.

What is the best way to force a full grid rebuild in the Gum Variables tab?▼

To force a full grid rebuild in the Gum Variables tab, you must trigger the PropertyGridManager to discard recycled controls and re-instantiate the DataUiGrid, bypassing standard expansion preservation behaviors.

Why does the Gum Variables tab lose its expansion state during rapid UI selection changes?▼

The Variables tab loses expansion state when internal plugins fail to persist category states during rapid selection changes, requiring explicit handling through MainVariableGridPlugin to recycle controls accurately.

Can I use the DataUiGrid to edit element behaviors and states within Gum?▼

Yes, you can use the DataUiGrid to edit element properties, states, and behaviors within Gum, utilizing the grid's architecture to manage state-referencing members and synchronize multi-select updates.

What are the limitations of relying on MainVariableGridPlugin for UI state management in Gum?▼

Relying on MainVariableGridPlugin for UI state management limits full grid rebuilds, as its control recycling and expansion preservation mechanisms can interfere with rendering fresh element properties during debugging.