Recommended skill · by GreenSock

Scroll animations that feel like a $20k website

The official GSAP skills from GreenSock, so Claude writes correct, smooth animation code instead of guessing.

Works inClaude Code
Scroll to read the guide

Why it's on this page

My animated sites lean on GSAP. With these installed, Claude stops guessing at the API.

What's inside

  • Tweens and easingThe core moves, done right.
  • TimelinesSequences that stay in sync.
  • ScrollTriggerPinning, scrubbing and reveals on scroll.
  • PerformanceRules that keep it smooth on phones.

Copy. Paste. Done.

Paste this into Claude Code. It installs straight from GreenSock's repo.

install-gsap-skills.txt
Install the official GSAP skills by GreenSock from https://github.com/greensock/gsap-skills. Read the README and follow its Claude Code install instructions. Copy every gsap skill folder into ~/.claude/skills/, then confirm they are available.

Try it with

example-prompts.txt
Add a pinned scroll reveal to my services section
Animate my hero headline word by word

Free AI Audit

Want these working together, not just installed?

Skills are the pieces. Book a free AI Audit and I'll map out the system they plug into for your business.

Get my free AI Audit

P.S. I didn't make this one. GreenSock did, and it's free under the MIT license. I just use it and think you should too.

More free resources