What problem does it solve? Writing animation logic often requires repetitive math for mapping scroll positions to values, clamping inputs, snapping to grids, or generating random values. This Skill provides correct usage patterns for the gsap.utils helper functions so these transforms are implemented accurately in GSAP animations. ## Core Features & Use Cases - Range and Math Helpers: Covers clamp, mapRange, normalize, interpolate, wrap, and wrapYoyo for converting and constraining numeric values in tweens and callbacks. - Randomization and Snapping: Explains random (including the reusable function form via the true argument), snap, shuffle, and distribute for staggered and grid-based animations. - Parsing and Collections: Documents getUnit, unitize, splitColor, selector, toArray, and pipe for unit handling, color decomposition, scoped selectors, and function composition. - Use Case: When building a scroll-driven animation, use mapRange to convert scroll progress into rotation degrees, snap to align movement to a grid, and selector to scope element queries inside a React component. ## Quick Start Ask the assistant to show how to use gsap.utils.mapRange and clamp to convert scroll progress into a clamped animation value.
