What problem does it solve? Coordinating multiple animations with chained delays is fragile and hard to maintain. This Skill provides guidance for building GSAP timelines that sequence, overlap, and control groups of tweens in a readable, maintainable way. ## Core Features & Use Cases - Timeline Sequencing: Create timelines with gsap.timeline() and place tweens precisely using the position parameter (absolute times, relative offsets, labels, "<" and ">" placement). - Labels and Defaults: Use addLabel() for readable sequencing and timeline-level defaults so child tweens inherit duration and easing. - Nesting and Playback Control: Nest child timelines inside a master timeline and control playback with play(), pause(), reverse(), restart(), time(), and progress(). - Use Case: When building a landing page intro where a logo fades in, a headline slides up, and a button scales in with overlap, use this Skill to choreograph all three tweens on one timeline with labels instead of stacking setTimeout or delay values. ## Quick Start Ask the AI to create a GSAP timeline that fades in a header, then slides up a subtitle starting 0.2 seconds before the header animation ends, using labels and shared defaults.
