What problem does it solve? GSAP animations can cause jank, dropped frames, and layout thrashing when they animate layout-heavy properties or create too many simultaneous tweens. This Skill provides concrete rules and patterns to keep animations on the compositor thread and running at 60fps. ## Core Features & Use Cases - Compositor-friendly properties: Guides you to animate transform and opacity (x, y, scale, rotation) instead of layout-triggering properties like width, height, top, and left. - Efficient update patterns: Covers gsap.quickTo() for frequently updated values like mouse followers, stagger for animating many elements, and will-change usage for layer promotion. - ScrollTrigger tuning: Advises on pin promotion, scrub values, and debounced ScrollTrigger.refresh() calls to reduce scroll-related work. - Use Case: A mouse-follower animation stutters because a new tween is created on every mousemove event. Apply this Skill to switch to gsap.quickTo() with a single reused tween, eliminating the jank. ## Quick Start Review my GSAP animation code and optimize it for smooth 60fps performance using transforms, quickTo, and proper cleanup.
