Repolode
Submit
greensock

greensock/gsap-skills

Official AI agent skills that teach coding assistants to use the GSAP animation library correctly, covering core API, timelines, ScrollTrigger and plugins.

View on GitHub
Stars
16,627
Forks
999
Open issues
13
Last commit
3 months ago

What is it?

GSAP AI Skills is a set of Agent Skills files from the GreenSock team for GSAP (GreenSock Animation Platform). Each skill is a focused guide that an AI coding agent loads so it can write GSAP code the way the library intends, covering tweens, timelines, ScrollTrigger, plugins, gsap.utils, React and other frameworks, and performance.

The skills are installed with the skills CLI or copied into an agent's skill directory, and they work with Cursor, Claude Code, Codex, Windsurf, Copilot and other agents. The repository also includes a Copilot instruction file for projects that cannot load Agent Skills directly. The plugins it documents are all installed from the public gsap npm package.

Key features

  • 01Covers core tweens, easing, stagger and defaults in gsap.to, from and fromTo.
  • 02Explains timeline sequencing, position parameters, labels and nesting.
  • 03Guides ScrollTrigger usage including pinning, scrub and refresh.
  • 04Includes plugin guidance for Flip, Draggable, SplitText, ScrollSmoother and others.
  • 05Provides React useGSAP and gsap.context patterns with proper cleanup.

Use cases

  • Letting an AI coding assistant generate scroll-driven animations with GSAP.
  • Keeping AI-generated GSAP code consistent with the library's recommended patterns.
  • Adding GSAP animations to React, Vue or Svelte projects with proper cleanup.

Quick start

  1. 1

    Install the skills into your coding agent

    npx skills add https://github.com/greensock/gsap-skills
  2. 2

    Install the GSAP package in your project (ships all plugins)

Things to know

  • Skills are guidance for AI agents, not the GSAP library itself, so you still need to install gsap to run animations.

Topics

#animation#javascript#gsap#ai-agents#scrolltrigger#react#claude-code#cursor

FAQ

What is gsap-skills?
Official AI agent skills that teach coding assistants to use the GSAP animation library correctly, covering core API, timelines, ScrollTrigger and plugins. GSAP AI Skills is a set of Agent Skills files from the GreenSock team for GSAP (GreenSock Animation Platform). Each skill is a focused guide that an AI coding agent loads so it can write GSAP code the way the library intends, covering tweens, timelines, ScrollTrigger, plugins, gsap.utils, React and other frameworks, and performance.
Is gsap-skills free to use? What license does it have?
gsap-skills is open source under the MIT license. Check the license terms before using it in commercial products.
Is gsap-skills still maintained?
Updated within 6 months. The last commit to gsap-skills was on Jul 29, 2026.
What can I use gsap-skills for?
Letting an AI coding assistant generate scroll-driven animations with GSAP. Keeping AI-generated GSAP code consistent with the library's recommended patterns. Adding GSAP animations to React, Vue or Svelte projects with proper cleanup.
How do I install gsap-skills?
Install the skills into your coding agent: npx skills add https://github.com/greensock/gsap-skills Install the GSAP package in your project (ships all plugins)
Where can I get gsap-skills?
The source code and installation instructions are on GitHub: https://github.com/greensock/gsap-skills

Summary generated by AI from the project's README. GitHub stats refresh daily.

Related projects