What problem does it solve? Coordinating multiple animations with chained delays becomes fragile and unreadable as sequences grow. This Skill provides the official GSAP timeline patterns for sequencing tweens in order or in parallel, so multi-step animations stay maintainable and easy to control. ## Core Features & Use Cases - Timeline creation and sequencing: Build timelines with gsap.timeline() and place tweens using the position parameter (absolute times, relative offsets, labels, "<" and ">" placement). - Labels, defaults, and nesting: Use addLabel() for readable sequencing, constructor defaults so child tweens inherit duration and ease, and nest timelines inside master timelines. - Playback control: Play, pause, reverse, restart, seek with time() and progress(), and use tweenFromTo() to animate between labels. - Use Case: When building a hero section intro where a logo fades in, text slides up, and a button scales in with overlap, create one timeline with labels and position parameters instead of stacking setTimeout or delay values. ## Quick Start Ask the AI to build a GSAP timeline that fades in a header, slides up the content 0.2 seconds later, and plays in reverse on click.
