gsap
✓Use when implementing web animations, timeline sequencing, scroll-triggered animations, SVG animations, layout transitions, or using GSAP, ScrollTrigger, ScrollSmoother, SplitText, Flip, DrawSVG, MorphSVG, MotionPath, or @gsap/react useGSAP hook.
Installation
SKILL.md
Professional-grade JavaScript animation library for the modern web. Provides high-performance tweening with powerful sequencing, scroll-based animations, and extensive plugin ecosystem.
| Tween | Single animation that changes properties over time | | Timeline | Container for sequencing tweens with precise control | | Ease | Controls animation velocity curve (default: power1.out) | | ScrollTrigger | Links animations to scroll position | | Plugin | Extends GSAP with specialized capabilities |
| references/00-cheatsheet.md | Quick reference, common operations at a glance | | references/01-core.md | Basic tweens, special properties, callbacks, quickTo, ticker | | references/02-easing.md | Easing functions, custom eases | | references/03-timeline.md | Sequencing, positioning, labels, nesting |
Use when implementing web animations, timeline sequencing, scroll-triggered animations, SVG animations, layout transitions, or using GSAP, ScrollTrigger, ScrollSmoother, SplitText, Flip, DrawSVG, MorphSVG, MotionPath, or @gsap/react useGSAP hook. Source: noklip-io/agent-skills.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/noklip-io/agent-skills --skill gsap- Source
- noklip-io/agent-skills
- Category
- </>Dev Tools
- Verified
- ✓
- First Seen
- 2026-02-01
- Updated
- 2026-02-18
Quick answers
What is gsap?
Use when implementing web animations, timeline sequencing, scroll-triggered animations, SVG animations, layout transitions, or using GSAP, ScrollTrigger, ScrollSmoother, SplitText, Flip, DrawSVG, MorphSVG, MotionPath, or @gsap/react useGSAP hook. Source: noklip-io/agent-skills.
How do I install gsap?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/noklip-io/agent-skills --skill gsap Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/noklip-io/agent-skills
Details
- Category
- </>Dev Tools
- Source
- skills.sh
- First Seen
- 2026-02-01