DevelopmentMédio

animate

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

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

Gather Context: — Determine target audience, use cases, brand personality, and performance constraints.

Assess Animation Opportunities: — Identify static areas needing motion improvements (feedback, transitions, etc.).

Plan Animation Strategy: — Define hero moment, feedback layer, transition layer, and delight layer.

Implement Animations: — Add motion systematically across entrance animations, micro-interactions, state transitions, navigation, and feedback.

Technical Implementation: — Use CSS or JavaScript animation techniques with appropriate timing and easing.

Verify Quality: — Test animations for smoothness, natural feel, appropriate timing, and accessibility.

Refactor: — Adjust animation based on testing and feedback.

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

60%

Similar apolish

60%

Similar ateach-impeccable

40%

Árvore do Skill

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