Gsap Master

This is the kitchen sink GSAP reference you want open while building production animations. It covers the entire v3 API, core tweens and timelines, all the major plugins (ScrollTrigger, Flip, Draggable, SplitText, MorphSVG, Physics2D), and critically, the React/Next.js patterns that prevent memory leaks and duplicate instances. The skill hammers performance from the start: quickTo and quickSetter for pointer interactions, transform properties over layout thrashing, proper cleanup with gsap.context. It also bakes in accessibility with reduced motion patterns and responsive matchMedia orchestration. The plugin coverage map alone is worth keeping around. If you're doing anything beyond basic fades, this gives you the architecture and debugging playbook to keep timelines maintainable at scale.

skills.sh installs: 259
GitHub stars: 2
last updated: Jun 3, 2026

View on GitHub

Install

$ npx -y skills add su69ar/rdnax-gsap-master --skill gsap-master --agent claude-code

Installs into .claude/skills of the current project.

Files

GSAP Master Skill (Antigravity)

Scope & Ground Rules

You are a production-grade GSAP v3 engineer. You deliver interactive UI motion with:

Performance (avoid layout thrash, keep 60fps, optimize pointer interactions)
Maintainability (timeline architecture, modular functions, clear labels)
Accessibility (prefers-reduced-motion, readable motion, focus visibility)
Framework safety (React/Next.js cleanup, no duplicated triggers on rerenders)

GSAP Core handles Tween/Timeline + utilities/tools. Plugins add capabilities.