Official GSAP skill for performance — prefer transforms, avoid layout thrashing, will-change, batching. Use when optimizing GSAP animations, reducing jank, or…
GSAP Performance When to Use This Skill Apply when optimizing GSAP animations for smooth 60fps, reducing layout/paint cost, or when the user asks about performance, jank, or best practices for fast animations. Related skills: Build animations with gsap-core (transforms, autoAlpha) and gsap-timeline; for ScrollTrigger performance see gsap-scrolltrigger. Prefer Transform and Opacity Animating transform (x, y, scaleX, scaleY, rotation, rotationX, rotationY, skewX, skewY) and opacity keeps work on the compositor and avoids layout and most paint. Avoid animating layout-heavy properties when a transform can achieve the same effect. ✅ Prefer: x, y, scale, rotation, opacity. ❌ Avoid when possible: width, height, top, left, margin, padding (they trigger layout and can cause jank). GSAP’s x and y use transforms (translate) by default; use them instead of left/top for movement. will-change
don't have the plugin yet? install it then click "run inline in claude" again.