What problem does it solve? Writing animation logic often requires repetitive math for clamping values, mapping ranges, snapping to grids, and generating random values. This Skill provides correct usage patterns for the gsap.utils helper methods so these transforms are applied properly in tweens, scroll handlers, and callbacks. ## Core Features & Use Cases - Range and Math Helpers: Covers clamp, mapRange, normalize, interpolate, wrap, and wrapYoyo for transforming values between ranges, including the reusable function form when the value argument is omitted. - Randomization and Snapping: Explains random (including the special true argument for reusable functions and string form in tween vars), snap for grid-aligned values, shuffle, and distribute for position-based value assignment across targets. - Collections and Parsing: Details selector for scoped component queries, toArray for converting selectors and NodeLists, pipe for composing transforms, plus getUnit, unitize, and splitColor for unit and color handling. - Use Case: When building a scroll-driven animation, use mapRange to convert scroll progress to a rotation angle, snap to lock positions to a grid, and distribute to stagger scale values from the center of a grid of elements. ## Quick Start Ask the assistant to show how to use gsap.utils.mapRange and clamp to convert scroll progress into a rotation value for a tween.
