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

Tailwind CSS Animations & Transitions

porjosiahsiegel·josiahsiegel· v1.0.0 · atualizado em 2026-04-10
80
Score

Tailwind CSS animations and transitions including built-in utilities and custom animation patterns

tailwindcsscss-animationsfrontend-developmentui-designweb-developmenttransitionsuser-experience
0Stars
0Forks
0Usos
Fork

Documento do Skill

SKILL.mdtailwindcss-animations/workflow
1. Identify the element to animate.
2. Choose the desired animation or transition effect.
3. Select appropriate Tailwind CSS classes for the effect, duration, and easing.
4. Apply the classes to the HTML element.
5. Test the animation and adjust as needed.
6. Consider accessibility for users with reduced motion preferences.
7. Optimize for performance by using GPU-accelerated properties.

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 aTailwind CSS Advanced Layout Techniques
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
80
Similar aTailwind CSS Development Patterns
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
79
Similar aTypeScript + React 19 Code Review Expert
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
80

Árvore do Skill

Tailwind CSS Animations & Transitions
tailwindcss-animations
Fases Cognitivas5
1.SENSE
2.CONTEXTUALIZE
3.RECOMMEND
4.ACT
5.REFLECT
Triggers8
animate elements with Tailwind CSSadd transitions using Tailwind CSScreate custom animations in Tailwind CSSimplement hover effects with Tailwind CSSuse Tailwind CSS for UI animationsapply transition properties with Tailwind CSSadd scale, rotate, translate or skew effects with Tailwind CSSmake accessible animations with Tailwind CSS

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

Dependências

tailwindcss

Links

GitHub Repository