gum-tool-selection

Explain Gum editor selection with input handlers, marquee selection, and locked instances.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Developers struggle to understand how Gum's editor selection system coordinates input handlers, rectangle marquee selection, and locked instance behavior, leading to bugs and inefficient UI design.

Core Features & Use Cases

  • Input Handlers: Detailed mapping of Move, Resize, Rotation, and PolygonPoint handlers and their lifecycle.
  • Rectangle Selector: Explanation of marquee selection activation and its interaction with the IsActive flag.
  • Locking Mechanism: How InstanceSave.Locked is enforced across handlers and selection processes.
  • Selection Event Cascade: Order of plugin events when an instance is selected, including state selection and tree view synchronization.
  • Practical Scenario: Use the guide to modify a UI layout where certain elements are locked, ensuring the rectangle selector does not interfere with movement gestures.

Quick Start

Ask the skill to describe how to keep the rectangle selector from activating when moving a locked instance.

Frequently Asked Questions about gum-tool-selection

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

FAQPage Schema
How does the rectangle marquee selection work when interacting with locked instances in Gum UI layouts?

Rectangle marquee selection in Gum UI layouts checks the InstanceSave.Locked flag to enforce lock behavior across input handlers. The IsActive flag controls marquee activation, ensuring locked elements are ignored during selection events without modifying source code.

What is the order of plugin events in the Gum editor selection cascade?

The Gum editor selection cascade triggers plugin events in a specific order when an instance is selected. This sequence includes state selection updates and tree view synchronization to maintain UI layout consistency across the editor.

How do I stop the rectangle selector from activating when moving a locked instance in Gum?

To stop the rectangle selector from activating when moving a locked instance, rely on the IsActive flag handling. The system checks InstanceSave.Locked across move, resize, and rotation input handlers to prevent selection interference.

What input handlers are involved in Gum editor selection?

Gum editor selection involves Move, Resize, Rotation, and PolygonPoint input handlers. Each handler has a specific lifecycle that respects the InstanceSave.Locked property to determine whether it can interact with the selected UI layout element.

Can I modify Gum UI layout selection behavior without changing source code?

Yes, you can understand and control Gum UI layout selection behavior without source code modification. The system provides detailed guidance on input handler lifecycles, lock enforcement, and selection event cascades to adjust behavior directly.

Why does my marquee selection ignore locked UI elements in Gum?

Marquee selection ignores locked UI elements in Gum because the system enforces the InstanceSave.Locked property across its input handlers. The IsActive flag manages the marquee rectangle state, bypassing locked instances during the selection process.