| name | gsap-skills |
| description | Official GSAP skills suite with 8 focused skills: core GSAP, Timeline, ScrollTrigger,
plugins (Flip/Draggable/SplitText), utils, React (useGSAP hook), performance (60fps),
and frameworks (Vue/Svelte/Nuxt). Works across Cursor, Claude Code, Copilot.
|
| triggers | ["GSAP","GreenSock","ScrollTrigger","GSAP timeline","useGSAP"] |
| das | {"type":"package","category":"motion-animation","upstream":"https://github.com/greensock/gsap-skills","version":"latest","install":false} |
gsap-skills
Catalogue stub — full package: greensock/gsap-skills
Decision tree
-
Is the package already installed?
Check: your agent's skills directory contains gsap-skills with content beyond this stub.
- Yes → invoke
gsap-skills and proceed
- No → go to step 2
-
Which agent are you on?
- Claude Code →
npx skills add https://github.com/greensock/gsap-skills — or send ! npx skills add … as a chat message (add -g for global, omit for project-only)
- Cursor →
npx skills add https://github.com/greensock/gsap-skills
- Other →
npx skills add https://github.com/greensock/gsap-skills or see GitHub README
Install command
npx skills add https://github.com/greensock/gsap-skills
Invoke after install
- Skill name:
gsap-skills
- Trigger phrases: "GSAP", "GreenSock", "ScrollTrigger", "GSAP timeline", "useGSAP"
What it does
Official GreenSock GSAP skills suite comprising 8 focused skills: core GSAP tweening, Timeline orchestration, ScrollTrigger (scroll-linked and scroll-triggered animations), plugin-specific skills for Flip, Draggable, and SplitText, a utilities skill, a React skill covering the useGSAP hook and cleanup patterns, a performance skill targeting 60fps GPU-accelerated motion, and a frameworks skill covering Vue, Svelte, and Nuxt integration. Works across Cursor, Claude Code, and GitHub Copilot.
When NOT to use
- Pure CSS animations without JavaScript (use
animate-css-skill)
- Framer Motion projects in React (use
framer-motion-skills)
