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

animate

porpbakaus·pbakaus· v1.0.0 · atualizado em 2026-04-10
83
Score

Review a feature and enhance it with purposeful animations, micro-interactions, and motion effects that improve usability and delight.

animationmicro-interactionsui-designux-designfrontend-developmentmotion-designaccessibility
0Stars
0Forks
0Usos
Fork

Documento do Skill

SKILL.mdanimate/workflow
1
Gather Context: — Determine target audience, use cases, brand personality, and performance constraints.
2
Assess Animation Opportunities: — Identify static areas needing motion improvements (feedback, transitions, etc.).
3
Plan Animation Strategy: — Define hero moment, feedback layer, transition layer, and delight layer.
4
Implement Animations: — Add motion systematically across entrance animations, micro-interactions, state transitions, navigation, and feedback.
5
Technical Implementation: — Use CSS or JavaScript animation techniques with appropriate timing and easing.
6
Verify Quality: — Test animations for smoothness, natural feel, appropriate timing, and accessibility.
7
Refactor: — Adjust animation based on testing and feedback.

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 aUI/UX Pro Max - Design Intelligence
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
80
Similar apolish
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
79
Similar ateach-impeccable
40%
Hebbian Synapse
Composite0.400
w = 0.3·α + 0.5·β + 0.2·γ
79

Árvore do Skill

animate
animate
Fases Cognitivas6
1.SENSE
2.CONTEXTUALIZE
3.HYPOTHESIZE
4.ACT
5.EVALUATE
6.REFLECT
Triggers8
add animation to a featureenhance UI with micro-interactionsimprove usability with motion effectsimplement entrance animationscreate button feedback animationssmooth state transitions with animationadd delight moments with animationoptimize animation performance

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

Dependências

GSAP

Links

GitHub Repository