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 animations stay readable, controllable, and easy to adjust. ## Core Features & Use Cases - Timeline creation and sequencing: Build timelines with gsap.timeline() and place tweens precisely 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 nested timelines for modular choreography. - Playback control: Play, pause, reverse, restart, seek with time() and progress(), and use tweenFromTo() to animate between labels. - Use Case: When building a landing page intro where a logo fades in, a headline slides up, and a call-to-action button scales in with overlap, use this Skill to choreograph all three tweens on one timeline with labels and relative positioning. ## Quick Start Ask the AI to create a GSAP timeline that fades in a header, slides up a subtitle half a second later, and scales in a button at the same time as the subtitle.
