What problem does it solve? Coordinating multiple GSAP animations with chained delays is fragile and hard to maintain. This Skill provides the patterns for building readable, controllable animation sequences with gsap.timeline(), so multi-step motion stays synchronized and easy to adjust. ## Core Features & Use Cases - Timeline Sequencing: Append tweens in order or place them precisely with the position parameter (absolute times, relative offsets, labels, "<" and ">" placement). - Labels and Defaults: Use addLabel() for readable choreography and constructor defaults so child tweens inherit duration and ease. - Nesting and Playback Control: Nest child timelines inside a master timeline and control playback with play(), reverse(), restart(), time(), progress(), and tweenFromTo(). - Use Case: Build a hero intro where a heading slides in, an image fades up 0.2s later, and a caption appears at the same start time — all orchestrated in one timeline with labels instead of stacked delays. ## Quick Start Ask the AI to create a GSAP timeline that animates three elements in sequence with a shared default ease and a label marking the outro section.
