Gsap Timeline

If you're sequencing multiple GSAP animations, this is how you avoid stacking delays everywhere. It gives you timeline(), the position parameter for placing tweens relative to each other or at labels, and proper nesting. The position shortcuts like "<" (start with previous) and ">" (start after previous) alone will clean up most animation choreography code. Pass defaults into the constructor so child tweens inherit duration and easing without repeating yourself. One thing to remember: put ScrollTrigger on the timeline itself, not on individual tweens inside it, or you'll have a bad time debugging.

Install to Claude Code

npx -y skills add nexu-io/open-design --skill gsap-timeline --agent claude-code