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 into timelines, so multi-step animations stay readable, controllable, and easy to adjust. ## Core Features & Use Cases - Timeline creation and sequencing: Build timelines with gsap.timeline(), append tweens in order, and control placement with the position parameter (absolute times, relative offsets, labels, < and > placement). - Labels, defaults, and nesting: Add labels with addLabel(), share defaults across child tweens, and nest child timelines inside a master timeline for modular choreography. - Playback control: Play, pause, reverse, restart, seek with time() and progress(), and play between labels with tweenFromTo(). - Use Case: A landing page hero needs the headline to slide in, the image to fade up 0.2s later, and a CTA to scale in at the same time as the image. Build one timeline with labels and position parameters instead of juggling three delayed tweens. ## Quick Start Create a GSAP timeline that fades in my header, then slides the hero image up 0.3 seconds later, with both tweens sharing a default ease.
