What problem does it solve? GSAP animations can cause jank, dropped frames, and layout thrashing when they animate layout-heavy properties or create excessive tweens. This Skill provides concrete rules and patterns to keep animations on the compositor thread and maintain smooth 60fps rendering. ## 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 usage, scrub values, and debounced ScrollTrigger.refresh() calls to reduce scroll-related work. - Use Case: When a user reports a stuttering scroll-driven animation or a laggy mouse-follower effect, apply these rules to replace left/top animations with x/y transforms and swap per-event tween creation for quickTo. ## Quick Start Review my GSAP animation code and optimize it for smooth 60fps performance by fixing layout thrashing and inefficient tween patterns.
