What problem does it solve? Coordinating multiple animations with chained delays becomes fragile and hard to maintain. This Skill provides the official GSAP approach to sequencing tweens with timelines, so multi-step animations stay readable, controllable, and easy to adjust. ## Core Features & Use Cases - Timeline Sequencing: Create timelines with gsap.timeline() and place tweens precisely using the position parameter (absolute times, relative offsets, labels, "<" and ">" placement). - Labels, Defaults & Nesting: Add labels with addLabel(), share duration and ease through timeline defaults, and nest child timelines inside a master timeline. - Playback Control: Play, pause, reverse, restart, seek with time() or progress(), and animate between labels with tweenFromTo(). - Use Case: When building a landing page intro where a logo fades in, a headline slides up, and a button scales in with overlap, use this Skill to choreograph all three tweens on one timeline instead of juggling delay values. ## Quick Start Use the gsap-timeline skill to build a GSAP timeline that fades in a header, slides up a subtitle, and then reveals a call-to-action button with a slight overlap.
