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 multi-step animations declaratively. ## 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 flags like "<" and ">"). - Labels and Nesting: Add named labels with addLabel(), nest child timelines inside a master timeline, and play between labels with tweenFromTo(). - Playback Control: Play, pause, reverse, restart, seek with time() or progress(), and kill timelines programmatically. - Use Case: Build a page intro where a logo fades in, a headline slides up 0.2s later, and a call-to-action button scales in at the same time as the headline, all coordinated through one timeline with shared defaults. ## Quick Start Ask the AI to create a GSAP timeline that fades in a header, then slides up a paragraph 0.3 seconds later, with both tweens sharing a default duration and ease.
