What problem does it solve? Writing animation logic often requires repetitive math for value mapping, clamping, snapping, and randomization. This Skill provides correct usage patterns for the gsap.utils helper methods so animation values are transformed accurately without hand-rolled math errors. ## Core Features & Use Cases - Range and Value Math: Covers clamp, mapRange, normalize, interpolate, wrap, and wrapYoyo for converting scroll positions, progress values, and inputs into animation ranges. - Randomization and Snapping: Explains random (including the reusable function form with true), snap, shuffle, and distribute for grid-based staggers and stepped values. - Units, Colors, and Collections: Details getUnit, unitize, splitColor, selector, toArray, and pipe for unit handling, color component extraction, scoped selectors, and function composition. - Use Case: When building a scroll-driven animation, use mapRange to convert scroll progress to degrees, snap to align values to a grid, and distribute to stagger scale across elements from the center. ## Quick Start Ask the AI to show how to use gsap.utils.mapRange and snap to convert scroll progress into grid-aligned rotation values for a tween.
