Coordinate multi-step GSAP animations with timelines, position parameters, and nesting.
npx skills add https://github.com/hanzoai/video --skill gsap-timeline-hanzoai
Please help me install this Agent Skill. Skill: gsap-timeline Source: https://github.com/hanzoai/video/tree/main/.agents/skills/gsap-timeline Command: npx skills add https://github.com/hanzoai/video --skill gsap-timeline-hanzoai
This skill provides structured guidance on using GSAP timelines to coordinate multi-step animations, manage sequencing, nesting, and playback across web projects.
Create a timeline with two simple tweens and demonstrate a labeled checkpoint to illustrate sequencing.
High-intent search queries and answers about installing and using this skill.
Use gsap.timeline() to coordinate multi-step animations by adding individual tweens and managing their sequencing, nesting, and playback for synchronized web animation choreography.
The position parameter places animations at precise times or relative to others in a GSAP timeline, enabling fine-grained control over multi-tween sequencing and overlap.
Yes, you can nest GSAP timelines to orchestrate complex sequences. Nesting timelines enables modular, reusable multi-step animation choreography and coordinated playback within a master timeline.
Use labels in a GSAP timeline to mark specific points in time, creating reusable checkpoints to position subsequent tweens relative to those named markers for precise sequencing.
Yes, GSAP timeline integrates with ScrollTrigger to bind multi-step tween sequences and playback to scroll positions, enabling scroll-driven web animation choreography.
Using a GSAP timeline is the best way to manage multi-step animation playback, leveraging the position parameter, labels, and nesting to coordinate complex tween sequences in web projects.
magicpro97Create and manipulate GSAP timelines with customizable tweens and callbacks.
ScarletFishSynchronize GSAP tweens and timelines with browser scroll position.
TheGoat395Define animation easing curves and timing for GSAP and CSS transitions.
Im5tuGuide developers in implementing Flutter animations across implicit, explicit, hero, staggered, and physics-based types.
