What problem does it solve? Coordinating multiple animations with chained delays is fragile and hard to maintain. This Skill provides the official GSAP timeline patterns for sequencing, overlapping, and controlling 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 Nesting: Use addLabel() for readable sequencing and nest child timelines inside a master timeline for complex choreography. - Playback Control: Play, pause, reverse, restart, seek with time() and progress(), and kill timelines programmatically. - Use Case: When building a page intro where a logo fades in, a headline slides up, and a button scales in with overlap, construct one timeline with defaults and position parameters instead of stacking delayed tweens. ## Quick Start Ask the agent to build a GSAP timeline that fades in a header, slides up the content 0.2 seconds later, and plays a nested outro timeline on a label.
