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 creation and sequencing: Append tweens in order or place them precisely with the position parameter (absolute times, relative offsets like "+=0.5", and "<"/">" placement). - Labels and nesting: Use addLabel() for readable sequencing, play from labels with tweenFromTo(), and nest child timelines inside a master timeline. - Playback control and defaults: Control play, pause, reverse, restart, seek via time()/progress(), and share duration/ease across tweens with timeline defaults. - Use Case: Build a landing page hero animation where a logo fades in, a headline slides up 0.2s later, and a CTA button scales in — all sequenced on one timeline with shared defaults and labels for each stage. ## Quick Start Ask the AI to create a GSAP timeline that fades in a header, slides up a subtitle 0.3 seconds later, and then reveals a button, using labels and shared defaults.
