DevelopmentMédio

GSAP Timeline

porgreensock·greensock· v1.0.0 · atualizado em 2026-04-10

Score

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).

gsapanimationtimelinejavascriptfrontendsequencingweb-animation

0Stars

0Forks

0Usos

Fork

Documento do Skill

SKILL.mdgsap-timeline/workflow

1. Create a GSAP timeline instance using `gsap.timeline()`.

2. Add tweens to the timeline using `tl.to()`, `tl.from()`, etc.

3. Use the position parameter (third argument) to control the placement of tweens within the timeline.

4. Add labels using `tl.addLabel()` for better organization and maintainability.

5. Nest timelines if needed to create complex animation sequences.

6. Control playback using methods like `tl.play()`, `tl.pause()`, `tl.reverse()`, and `tl.seek()`.

7. Set timeline defaults for duration and ease to avoid repetition.

Telemetria de Agentes

Execuções

total

Taxa de Sucesso

últimos 30d

Latência Média

0.0s

p50

Alucinação

0.0%

detecção

Tokens Entrada

avg 0/exec

Tokens Saída

avg 0/exec

Uso por Plataforma

Skills Relacionados

Compõe comGSAP Core

70%

Compõe comGSAP ScrollTrigger

70%

Compõe com ←gsap.utils

70%

Compõe com ←GSAP with React

70%

Compõe com ←GSAP with Vue, Svelte, and Other Frameworks

70%

60%

Árvore do Skill

GSAP Timeline

gsap-timeline

Fases Cognitivas6

1.SENSE

2.CONTEXTUALIZE

3.HYPOTHESIZE

4.RECOMMEND

5.ACT

6.REFLECT

Triggers8

create a gsap timelinesequence animations with gsapuse gsap timeline for animationanimate elements in a specific order with gsapcontrol animation playback with gsapnest gsap timelinesuse position parameter in gsap timelineadd labels to gsap timeline

Avaliar este Skill

Score Breakdown

⭐Avaliação Humana0%

🤖Sucesso de Agentes0%

🕐Atualidade100%

🔗Saúde de Dependências100%

🕸️Centralidade no Grafo0%

🛡️Segurança50%

CompositeScore = α·Humano + β·Agente + γ·Recência + δ·Deps + ε·Centralidade + ζ·Segurança

Instalação

$ synaptic mcp download gsap-timeline

$ synaptic skills detail gsap-timeline

$ synaptic skills live gsap-timeline

Dependências

gsap

Links

GitHub Repository