gsap-performance

GSAP motion · A check on the result · MIT

What it does

Short rules for smooth playback in a browser: animate transforms and opacity rather than width, height, top or left; will-change only on what moves; stagger instead of many tweens; gsap.quickTo for mouse followers; refresh ScrollTrigger only when layout changes; kill what is off screen. These are about live frame rate, which matters on a site and hardly at all in a frame-by-frame render.

Get it

npx skills add https://github.com/greensock/gsap-skills (installs all eight), or copy skills/gsap-performance/ into your agent's skills folder.

Source on GitHub
Needs (the whole pack)

Nothing to read them. To run what they teach: the gsap package from npm, and @gsap/react for the React hook.

License

MIT

License notes are on the pack's page

From

GSAP AI Skills

Everything from GSAP AI Skills in the gallery

Back to the Asset Library