Traction scoreGitHub stars can be faked, so popularity alone can be misleading. Traction Score looks for broader signs of recent attention, adoption, and active maintenance.
This official skill library covers GSAP's core tween methods, timeline sequencing, ScrollTrigger, performance optimization, and framework-specific patterns for React, Vue, and Svelte. It helps front-end developers, React engineers, and scroll-animation specialists write animations that are correctly scoped, properly reverted, and performant.
WHO IT'S FOR
Front-end Developers (Animation-Focused)
building web animations with GSAP
React Developers (UI Animation)
integrating GSAP in React components
Vue / Svelte Developers (GSAP Integration)
using GSAP in Vue or Svelte apps
Scroll-Animation Specialists
creating scroll-driven animations with ScrollTrigger
Compatible AgentsThe repository documents support for these agents. The skills may also work with other agents that can load SKILL.md files, but they may need some setup or small changes.
Follow the documented setup, then try a first task.
I’m using
npx skills with automatic agent detection
Installs: Complete greensock/gsap-skills bundle; skillPaths is a bounded selection of supported paths, not the complete bundle inventory. · Cursor, Claude Code, Codex, Windsurf, Copilot, Google Antigravity
Run this terminal command. The skills CLI will automatically detect the installed agent.
Installs: Complete greensock/gsap-skills bundle targeted explicitly to Antigravity; skillPaths is a bounded selection of supported paths, not the complete bundle inventory. · Google Antigravity
Run this terminal command to target Antigravity explicitly.
Installs: greensock/gsap-skills repository configured as a Cursor remote rule; no agent-skill file mapping is established by the supplied Cursor procedure. · Cursor
Before you start
Cursor
In Cursor, open Settings → Rules → Add Rule → Remote Rule (Github), then use greensock/gsap-skills as the remote rule. This is a manual in-app procedure.
Installs: Complete skills/ folder copied into Claude Code's skill directory; skillPaths is a bounded selection of supported paths, not the complete bundle inventory. · Claude Code
Before you start
A local clone of the greensock/gsap-skills repository
Manually clone this repository, then copy its skill folders from skills/ into ~/.claude/skills/.
Installs: Complete skills/ folder copied into Cursor's skill directory; skillPaths is a bounded selection of supported paths, not the complete bundle inventory. · Cursor
Before you start
A local clone of the greensock/gsap-skills repository
Manually clone this repository, then copy its skill folders from skills/ into ~/.cursor/skills/.
Installs: Complete skills/ folder copied into OpenCode's skill directory; skillPaths is a bounded selection of supported paths, not the complete bundle inventory. · OpenCode
Before you start
A local clone of the greensock/gsap-skills repository
Manually clone this repository, then copy its skill folders from skills/ into ~/.config/opencode/skills/.
Source file or component path, such as [path/to/component]
Three target selectors or elements
Desired order and any intended overlap
Use the gsap-timeline skill to draft a minimal three-step GSAP timeline for [source file or component path]. Animate [three selectors or elements] in the desired order, use timeline defaults for their shared duration and ease, and use one position parameter where two steps should overlap. Show the proposed code and briefly explain the sequence without publishing or deploying it.
Source file or component path, such as [path/to/page]
Target selector
Desired movement or opacity change
Preferred viewport activation point, if any
Use the gsap-scrolltrigger skill to draft one simple scroll-triggered tween for [source file or component path]. Use [target selector] as the animation target and trigger, and implement the requested [movement or opacity change] with clear start and end positions. Include plugin registration and explain when the animation activates; do not deploy the change.
Use the gsap-performance skill to review the GSAP animation in [source file path]. Identify up to three likely performance issues, prioritizing layout-heavy properties, interleaved DOM reads and writes, excessive simultaneous tweens, or frequently recreated pointer-following tweens. Suggest the smallest code-level improvement for each issue without changing files.
Claude
Codex
Cursor
Gemini CLI
Copilot
Windsurf
OpenCode
Antigravity