What problem does it solve? Coordinating multiple animations with chained delays is fragile and hard to maintain. This Skill provides the official GSAP patterns for sequencing tweens with gsap.timeline(), so multi-step animations stay readable, controllable, and easy to adjust. ## Core Features & Use Cases - Timeline Sequencing: Create timelines that append tweens in order and place them precisely with the position parameter (absolute times, relative offsets, labels, and "<"/">" placement). - Labels, Defaults & Nesting: Use addLabel() for readable sequencing, constructor defaults so child tweens inherit duration and ease, and nest child timelines inside a master timeline. - Playback Control: Play, pause, reverse, restart, seek with time() or progress(), and use tweenFromTo() to animate between labels. - Use Case: When a user asks to choreograph a hero-section intro where a logo fades in, a headline slides up 0.2s later, and a CTA button scales in at the same time, this Skill produces a single timeline with labels and position parameters instead of stacked setTimeout or delay hacks. ## Quick Start Ask the AI to build a GSAP timeline that fades in a header, then slides up a subtitle 0.3 seconds later, with both tweens sharing a default ease.
