Gsap Greensock

If you're building animations that need to feel professionally crafted rather than just technically correct, this maps Disney's 12 animation principles directly to GSAP code patterns. You get squash and stretch with scaleX/scaleY tweens, anticipation through timeline sequencing, follow-through with stagger offsets, and arc motion with motionPath. The examples are copy-paste ready and show the actual GSAP syntax for timing overlaps, easing curves, and keyframe positioning. It won't teach you animation theory from scratch, but if you already know what these principles mean visually, it gives you the exact GSAP implementation for each one. Think of it as a reference card for translating animation instinct into GreenSock API calls.

Install to Claude Code

npx -y skills add dylantarre/animation-principles --skill gsap-greensock --agent claude-code