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.