Download for MacApple silicon, macOS 14+
Skill

gsap-timeline

@greensock Updated 2026-07-29

Official GSAP skill for timelines — gsap.timeline(), position parameter, nesting, playback. Use when sequencing animations, choreographing keyframes, or when the user asks about animation sequencing, timelines, or animation order (in GSAP or when recommending a library that supports timelines).

Install

With your agent

Install OMGSkills skill "greensock/gsap-skills:skills/gsap-timeline" into this agent's normal skills directory: call the OMGSkills MCP get_install_plan tool for your agent and run the script it returns (it installs only the pinned commit and verifies SKILL.md), and stop if MCP or the pin is unavailable. Do not overwrite or change existing skills without asking me.

Manual command

git clone https://github.com/greensock/gsap-skills /tmp/gsap-skills && ln -s /tmp/gsap-skills/skills/gsap-timeline ~/.claude/skills/gsap-timeline

From README

GSAP Timeline When to Use This Skill Apply when building multi-step animations, coordinating several tweens in sequence or parallel, or when the user asks about timelines, sequencing, or keyframe-style animation in GSAP. Related skills: For single tweens and eases use gsap-core; for scroll-driven timelines use gsap-scrolltrigger; for React use gsap-react. Creating a Timeline By default, tweens are appended one after another. Use the position parameter to place tweens at specific times or relative to other tweens. Position Parameter Third argument (or position property in vars) controls placement: Absolute: 1 — start at 1 second. Relative (default): "+=0.5" — 0.5s after end; "-=0.2" — 0.2s before end. Label: "labelName" — at that label; "labelName+=0.3" — 0.3s after label. Placement: " " — start when recently-added animation ends (default); "<0.2" — 0.2s after recently-added animation start.