Coming soon gsap-core
GreenSock gsap-skills/gsap-core 11.4k GreenSock · @greensock ↗ GSAP Skills
Official GreenSock skills that teach your coding agent to write GSAP correctly: the core API, timelines, ScrollTrigger, plugins, and React, Vue, and Svelte, plus performance and cleanup.
11.4k stars
Updated Apr 21, 2026 MIT 8 skills
The roster
Animate on Scroll
GreenSock The official GreenSock skill for scroll animations with GSAP ScrollTrigger. Your agent gets pinning, scrub, and stagger entrances right, with the cleanup React needs.
gsap-skills/gsap-scrolltrigger 11.4k Coming soon GreenSock Coming soon gsap-timeline
GreenSock gsap-skills/gsap-timeline 11.4k Coming soon gsap-plugins
GreenSock gsap-skills/gsap-plugins 11.4k Coming soon gsap-utils
GreenSock gsap-skills/gsap-utils 11.4k Coming soon gsap-react
GreenSock gsap-skills/gsap-react 11.4k Coming soon gsap-performance
GreenSock gsap-skills/gsap-performance 11.4k Coming soon gsap-frameworks
GreenSock gsap-skills/gsap-frameworks 11.4k What it does
The official GreenSock skills teach your coding agent to write GSAP the way it is meant to be written. Ask for an animation and instead of guessing, the agent reaches for the correct API: tweens and timelines, ScrollTrigger for scroll-linked motion, the plugin set, framework integration for React, Vue, and Svelte, and the performance patterns that keep it smooth.
Every GSAP plugin is now free, including SplitText and MorphSVG, so the skills cover the whole library with no Club membership or auth token. They install through the skills CLI and work in Claude Code, Cursor, Codex, Windsurf, Copilot, and 40+ other agents.
When to use it
- Your agent writes GSAP that fights the library
It learns the real API, timelines, and plugins like SplitText and MorphSVG so animations come out the way GSAP is meant to be written.
- You're building scroll-driven motion
ScrollTrigger, pinning, and scrub set up right on the first pass instead of by trial and error.
- Animation is smooth on desktop and janky on phones
Performance patterns that keep motion fluid without you profiling by hand.
- You're adding GSAP to React, Vue, or Svelte
The framework lifecycle and cleanup handled so animations don't leak or double-fire.
Common questions
What's included in GSAP Skills?
GSAP Skills is a set of eight official skills that teach your agent correct GSAP usage, including the core API, timelines, ScrollTrigger, plugins, and framework integration for React, Vue, and Svelte.
Do I need a paid GSAP plan or Club membership?
No. GSAP is 100% free after Webflow's acquisition, including every plugin such as SplitText and MorphSVG, and GSAP Skills is open-source under MIT. You install everything from the public gsap npm package with no membership or auth token.
Can I install just one skill instead of all eight?
Yes. Each skill in GSAP Skills sits in its own folder, so you can copy only the ones you need, such as ScrollTrigger or React, into your agent's skill directory. Running npx skills add installs the full set at once.
Which agents does GSAP Skills work with?
GSAP Skills uses the Agent Skills format and works through the skills CLI with Claude Code, Cursor, Codex, Windsurf, Copilot, and 40+ other agents. You install it with npx skills add https://github.com/greensock/gsap-skills.