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 at 60fps. ## Core Features & Use Cases - Transform-First Animation: Enforces animating x, y, scale, rotation, 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-related work. - Use Case: When a page with scroll-driven animations stutters on low-end devices, apply this Skill to replace left/top animations with transforms, add will-change hints, and kill off-screen tweens. ## Quick Start Ask the AI to review your GSAP animation code for performance issues and rewrite it following 60fps best practices.
