What problem does it solve? GSAP animations can cause jank, dropped frames, and layout thrashing when developers 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: Enforces animating transform and opacity instead of width, height, top, or left to avoid layout and paint costs. - Efficient Update Patterns: Recommends gsap.quickTo() for frequently updated properties like mouse followers, and stagger instead of many separate tweens. - ScrollTrigger Tuning: Covers pin promotion, scrub values, and debounced ScrollTrigger.refresh() calls to reduce scroll-time work. - Use Case: When a user reports a laggy scroll-driven animation or a janky mouse-follower effect, apply these guidelines to refactor tweens onto transforms, batch reads and writes, and kill off-screen animations. ## Quick Start Ask the AI to review your GSAP animation code for performance issues and refactor it to use transforms, quickTo, and proper cleanup.
