Synaptic
Skills
Marketplace
Skill Graph
Criar Skill
MCP Server
Plataforma
Enterprise
🇧🇷
PT
v0.1.0-beta
Voltar ao Marketplace
Development
Médio
GSAP Animation Skill
por
martinholovsky
·
martinholovsky
· v1.0.0 · atualizado em 2026-04-10
83
Score
GSAP animations for JARVIS HUD transitions and effects
gsap
animation
javascript
vue
frontend
ui
ux
0
Stars
0
Forks
0
Usos
Cursor
Claude Code
Claude Desktop
Codex
Copilot
Windsurf
Zed
Fork
Documento do Skill
📋 Workflow
✅ Best Practices
🎯 Triggers & Fases
SKILL.md
gsap/workflow
1
Identify Element
— : Determine the target UI element for animation.
2
Define Animation
— : Specify the desired animation effect (e.g., fade-in, slide-up).
3
Write Test
— : Create a failing test case for the animation.
4
Implement Animation
— : Use GSAP to implement the animation logic.
5
Optimize Performance
— : Use transforms and opacity for GPU acceleration.
6
Test Animation
— : Run tests to verify animation and cleanup.
7
Refactor
— : Extract reusable animation logic into composables.
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
Depende de
GSAP Animation Skill
100%
Hebbian Synapse
Composite
1.000
w = 0.3·α + 0.5·β + 0.2·γ
83
Depende de ←
Premium Frontend Design Skill
100%
Hebbian Synapse
Composite
1.000
w = 0.3·α + 0.5·β + 0.2·γ
83
Depende de ←
Awwwards Animations
100%
Hebbian Synapse
Composite
1.000
w = 0.3·α + 0.5·β + 0.2·γ
83
Similar a
Tailwind CSS Advanced Layout Techniques
60%
Hebbian Synapse
Composite
0.600
w = 0.3·α + 0.5·β + 0.2·γ
80
Similar a
Tailwind CSS Development Patterns
60%
Hebbian Synapse
Composite
0.600
w = 0.3·α + 0.5·β + 0.2·γ
79
Similar a
TypeScript + React 19 Code Review Expert
60%
Hebbian Synapse
Composite
0.600
w = 0.3·α + 0.5·β + 0.2·γ
80
Árvore do Skill
GSAP Animation Skill
gsap
Fases Cognitivas
6
1.
SENSE
2.
CONTEXTUALIZE
3.
HYPOTHESIZE
4.
ACT
5.
EVALUATE
6.
REFLECT
Triggers
8
create a GSAP animation
animate a UI element
add a transition effect
implement scroll-triggered animation
optimize GSAP animation performance
integrate GSAP with Vue
create a timeline animation
add panel entrance animation
Avaliar este Skill
Score Breakdown
⭐
Avaliação Humana
0%
🤖
Sucesso de Agentes
0%
🕐
Atualidade
100%
🔗
Saúde de Dependências
100%
🕸️
Centralidade no Grafo
0%
🛡️
Segurança
50%
CompositeScore = α·Humano + β·Agente + γ·Recência + δ·Deps + ε·Centralidade + ζ·Segurança
Instalação
$
synaptic mcp download gsap
$
synaptic skills detail gsap
$
synaptic skills live gsap
Dependências
gsap
@gsap/vue
ScrollTrigger
Links
GitHub Repository
SynapticSkills