What problem does it solve? Writing animation code often requires repetitive math for value mapping, clamping, snapping to grids, and randomization. This Skill provides authoritative guidance on the gsap.utils API so generated animation code uses the correct utility signatures and function-form patterns. ## Core Features & Use Cases - Range Math: Covers clamp, mapRange, normalize, and interpolate for converting scroll positions, progress values, and inputs into animation ranges. - Randomization and Snapping: Documents random (including the reusable function form via the true argument), snap, shuffle, and distribute for grid-based and staggered animations. - Collections and Units: Explains toArray, selector, pipe, wrap, wrapYoyo, getUnit, unitize, and splitColor for DOM scoping, unit handling, and color manipulation. - Use Case: When building a scroll-driven animation, use mapRange to convert scroll progress to a rotation angle, snap to align movement to a grid, and selector to scope queries inside a React component ref. ## Quick Start Ask the assistant to write a GSAP animation that maps scroll progress to element rotation using gsap.utils.mapRange and snaps positions to a 20-pixel grid.
