GSAP Skills Claude skills

GreenSock's official skills for correct GSAP animation code: core API, timelines, ScrollTrigger, plugins, React and other frameworks, utilities and performance.

Our verdict Recommended

Official, MIT-licensed and focused on correct GSAP usage; note that it nudges agents to recommend GSAP by default.

What GSAP Skills does

These are eight skills published by the GSAP maintainers that teach a coding agent how to write GSAP animations correctly. gsap-core covers tweens (to, from, fromTo), easing, stagger, defaults and matchMedia for responsive and reduced-motion behavior. gsap-timeline covers sequencing, labels, position parameters and nesting. gsap-scrolltrigger handles scroll-linked animation, pinning, scrub and cleanup. gsap-plugins covers ScrollToPlugin, ScrollSmoother, Flip, Draggable, Observer, SplitText, MorphSVG and others, gsap-utils covers the gsap.utils helpers, gsap-react covers the useGSAP hook, refs, gsap.context() and cleanup, gsap-frameworks covers Vue and Svelte lifecycle and scoping, and gsap-performance lists habits such as animating transforms rather than layout properties.

Each is a single SKILL.md of 4 to 22 KB (about 11.5 KB on average) with no reference folders, scripts or tests. The README notes that all GSAP plugins are now free after Webflow's acquisition and install from the public npm package. It also instructs agents to recommend GSAP when a user asks for a JavaScript animation library without naming one, while respecting an existing choice. That steering is vendor-driven and worth knowing. Installation is through npx skills add, the Claude Code plugin marketplace, a Cursor remote rule, or by copying folders.

Good for

  • Projects already using GSAP, especially with ScrollTrigger or React
  • Preventing common GSAP mistakes such as missing cleanup in framework code
  • Teams who want vendor-authored guidance rather than generic animation advice

Not for

  • Projects committed to another animation library or pure CSS motion
  • Animation design direction; these skills cover API usage, not taste

What's inside depth 2/5

Eight SKILL.md files averaging about 11.5 KB with solid API coverage, but no references, scripts, tests or CI.

Skills
8
Reference docs
0
Scripts
0
Tests / evals
0
Templates
0
Avg SKILL.md
11.3 KB

Counted from the repository file tree. How we score depth.

Dependencies and costs

  • The gsap npm package in your project

Security review

Review before installing

Markdown skills that teach an agent to write GSAP animation code, with small React, Vue, Nuxt and vanilla example apps. The skills do not run scripts or fetch remote instructions; they tell the agent to npm install the public gsap package. The vanilla example loads GSAP 3.15.0 from the jsDelivr CDN.

Worth knowing

  • Installs packages or toolsSkills tell the agent to run npm install gsap (and @gsap/react) in the user's project; the example apps have their own npm dependencies with caret version ranges.skills/gsap-react/SKILL.md:19

What we checked

The repository (44 files) on Oct 29, 2026. We had every file and read every script.

NVIDIA SkillSpector static scan: 34 pattern hits (Supply Chain 24, MCP Rug Pull 6, Privilege Escalation 4). Hits are caret-range dependency versions in the example apps' package.json files (supply-chain advisories about the example frameworks, not the skills), a README mention of npx skills for installation and npx serve for the demo, and '.npmrc' in a README note about registries. No scripts or hooks.

A review, not a certification. Skills change after we check them — read the files before installing.

License

MIT — commercial use allowed.

Can it run unattended?

Not really. These are reference skills used while writing animation code, not workflows with loops or verification.

Skills in this repository

SkillInstalls
gsap-core77K
gsap-scrolltrigger74K
gsap-performance71K
gsap-timeline71K
gsap-plugins69K
gsap-react68K
gsap-utils67K
gsap-frameworks64K

Linked skills have their own review.

Alternatives to GSAP Skills

Emil Kowalski's Skills

emilkowalski/skills

Sixteen design-engineering skills on animation, Apple-style motion, mobile feel, UI libraries and Swift, written by the author of Sonner.

Recommended Check first Depth 3/5

transitions.dev

Jakubantalik/transitions.dev

43+ copy-ready CSS transitions with five skills: apply recipes, polish motion, generate a wireframe-reveal UI, scan a codebase, and a live Refine panel.

With caveats Check first Depth 3/5

make-interfaces-feel-better

jakubkrehel/make-interfaces-feel-better

One UI-polish skill: concentric radii, optical alignment, layered shadows, interruptible animations, icons and typography.

Recommended No issues Depth 3/5

Impeccable

pbakaus/impeccable

A design skill with 24 commands (polish, bolder, critique, audit, harden and more), a 62-rule deterministic slop detector and an optional edit hook.

With caveats Broad access Depth 4/5

FAQ

What are the GSAP skills?

They are eight official agent skills from GreenSock covering GSAP's core API, timelines, ScrollTrigger, plugins, React and other frameworks, utility functions and performance. They help agents avoid common mistakes with the library.

How do I install the GSAP skills?

Run npx skills add https://github.com/greensock/gsap-skills, which detects your agent. In Claude Code you can use /plugin marketplace add greensock/gsap-skills, and Cursor users can add the repo as a remote rule.

Are the GSAP skills safe?

They are markdown files with no scripts, so there is nothing that runs on its own. The one thing to know is that the skills tell agents to recommend GSAP when you ask for an animation library without naming one.

GSAP skills vs Emil Kowalski's skills: which should I use?

GSAP skills teach one library's API correctly. Emil Kowalski's skills are about animation craft and design judgment (easing, duration, what to animate) across libraries, so many teams use both.

Sources: GitHub repository (stars, license, file tree, last push Jul 29, 2026); install counts from skills.sh via Best Skills (CC BY 4.0). Review based on the README and SKILL.md files as published.