What problem does it solve? Writing animation code often requires repetitive math for value mapping, clamping, randomization, and unit handling. This Skill provides correct usage patterns for the gsap.utils helper methods so animation values are computed accurately without reinventing utility logic. ## Core Features & Use Cases - Range and Value Math: Use clamp, mapRange, normalize, and interpolate to convert scroll progress, pointer input, or other signals into animation values. - Randomization and Snapping: Generate random values with random, snap values to grids or arrays with snap, shuffle arrays, and distribute values across targets with stagger-like control. - Units, Colors, and Collections: Parse units with getUnit and unitize, split colors into RGB or HSL components with splitColor, and convert selectors or NodeLists into arrays with toArray and selector. - Use Case: When building a scroll-driven animation, map scroll progress from 0-1 to a rotation of 0-360 degrees using gsap.utils.mapRange, then snap the result to 15-degree increments. ## Quick Start Ask the AI to write GSAP code that maps scroll progress to an element's rotation and snaps the result to fixed increments using gsap.utils.
