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: Enforces animating transform and opacity instead of width, height, top, left, margin, or padding to avoid layout and paint cost. - Efficient Update Patterns: Recommends gsap.quickTo() for frequently updated properties like mouse followers, and stagger instead of many manual tweens for lists. - ScrollTrigger Tuning: Covers pin promotion, scrub values, and debounced ScrollTrigger.refresh() calls to reduce scroll-related work. - Use Case: A developer notices a scroll-pinned hero section stutters on low-end devices. Apply this Skill to replace left/top animations with x/y, add will-change only to animating elements, and debounce ScrollTrigger.refresh() calls. ## Quick Start Review my GSAP animation code and optimize it for 60fps performance using transform-based properties and efficient tween patterns.
