greensockOfficial·8 Agent Skills Included

gsap-skills

Teach AI agents to write correct GSAP animation code

Teaches AI coding agents to write correct GSAP animation code for websites and apps. Covers core tweens, timelines, ScrollTrigger scroll effects, plugins, React and Vue integration, and performance tuning. Eliminates common mistakes like missing cleanup, wrong easing, and janky scroll animations. Works with Claude Code, Cursor, Copilot, and 40+ other AI agents.

13,289|785

↗

npx skills add greensock/gsap-skills --all -g -y

All Skills in This Repository (8)

Pure Emerald Level Indicators

📦 In Repo

greensock

gsap-plugins

gsap-timeline

Coordinate complex animations using the GSAP timeline API.

gsap-scrolltrigger

Create scroll-linked animations and parallax effects with GSAP ScrollTrigger.

gsap-performance

Optimize GSAP animations with transform properties, will-change, and batching.

gsap-core

Animate JavaScript objects with GSAP core API tweens and easing.

gsap-utils

Provide GSAP utility functions for clamping, mapping, interpolation, and color parsing.

gsap-frameworks

Integrate GSAP animations in Vue, Svelte, and other non-React frameworks.

gsap-react

Integrate GreanSock animations into React and Next.js apps using the useGSAP hook with automatic cleanup on unmount.

Official

Intermediate

Frequently Asked Questions

FAQPage Schema

How to install gsap-skills?▼

Run `npx skills add greensock/gsap-skills --all -g -y` in your terminal to install all GSAP skills globally for your AI agent.

What do GSAP AI skills do?▼

They teach your AI coding agent the correct GSAP patterns for tweens, timelines, ScrollTrigger, and plugins so it generates working animation code instead of guessing.

Does it work with React and Vue?▼

Yes. Dedicated skills cover React with the useGSAP hook and Vue, Nuxt, and Svelte with proper lifecycle cleanup and scoped selectors.

Which AI agents support these skills?▼

They follow the universal SKILL.md standard and work with Claude Code, Cursor, GitHub Copilot, Codex, Windsurf, and over 40 other agents.

Are GSAP plugins like SplitText and MorphSVG free?▼

Yes. Since Webflow acquired GSAP, every plugin is free for commercial use and installs from the public gsap npm package with no license key.