Synaptic SkillsSynapticSkills
MarketplaceSkill GraphCriar SkillMCP ServerPlataformaEnterprise
v0.1.0-beta
Voltar ao Marketplace
DevelopmentMédio

GSAP Fundamentals

porbbeierle12·bbeierle12· v1.0.0 · atualizado em 2026-04-11
79
Score

Core GSAP animation concepts including tweens, timelines, easing functions, and animation properties. Use when implementing basic animations, transitions, or learning GSAP foundations. Essential starting point for any GSAP-based animation work.

gsapanimationjavascriptfrontendtweeningweb-animation
Linguagens
JavaScript
0Stars
0Forks
0Usos
Fork

Documento do Skill

SKILL.mdgsap-fundamentals/workflow
1. Install GSAP: `npm install gsap`
2. Import GSAP: `import gsap from 'gsap'`
3. Select the target element using CSS selectors or DOM references.
4. Define the animation properties (e.g., x, y, rotation, opacity).
5. Create a GSAP tween using `gsap.to()`, `gsap.from()`, or `gsap.fromTo()`.
6. Set the duration, easing function, and any desired callbacks.
7. Test and refine the animation as needed.

Telemetria de Agentes

Execuções
0
total
Taxa de Sucesso
0%
últimos 30d
Latência Média
0.0s
p50
Alucinação
0.0%
detecção
Tokens Entrada
0
avg 0/exec
Tokens Saída
0
avg 0/exec

Uso por Plataforma

Skills Relacionados

Similar aCRA to Next.js Migration Guide
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
82
Similar aMagento 2 Hyva Specialist
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
83
Similar aWix Site Component Builder
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
83

Árvore do Skill

GSAP Fundamentals
gsap-fundamentals
Fases Cognitivas5
1.SENSE
2.CONTEXTUALIZE
3.HYPOTHESIZE
4.ACT
5.REFLECT
Triggers7
animate an element with GSAPcreate a tween animationuse GSAP for animationimplement GSAP animationanimate with GreenSockcreate a timeline animation with GSAPapply easing to a GSAP animation

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-fundamentals
$ synaptic skills detail gsap-fundamentals
$ synaptic skills live gsap-fundamentals

Dependências

gsap

Links

GitHub Repository