Motion design e animazione per interfacce utente. Da utilizzare durante la creazione di microinterazioni, transizioni di pagina, stati di caricamento o qualsiasi animazione dell'interfaccia utente su piattaforme Web e mobili.
Installa rapidamente la skill AI ui-animation nel tuo ambiente di sviluppo tramite riga di comando
Fonte: travisjneuman/.claude.
Comprehensive guide for creating purposeful, performant animations in user interfaces.
| Timing | Duration reflects importance/distance | | Easing | Natural acceleration/deceleration | | Anticipation | Visual preparation for action | | Follow-through | Momentum continues after stop | | Secondary Action | Supporting elements respond | | Staging | Draw attention to key element | | Squash & Stretch | Bouncy, playful interactions |
| Exaggeration | Emphasize important feedback | | Arc | Natural curved motion paths | | Overlap | Elements move at different rates | | Solid Drawing | Maintain consistent 3D space | | Appeal | Engaging, delightful motion |
Motion design e animazione per interfacce utente. Da utilizzare durante la creazione di microinterazioni, transizioni di pagina, stati di caricamento o qualsiasi animazione dell'interfaccia utente su piattaforme Web e mobili. Fonte: travisjneuman/.claude.
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/travisjneuman/.claude --skill ui-animationMotion design e animazione per interfacce utente. Da utilizzare durante la creazione di microinterazioni, transizioni di pagina, stati di caricamento o qualsiasi animazione dell'interfaccia utente su piattaforme Web e mobili. Fonte: travisjneuman/.claude.
Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/travisjneuman/.claude --skill ui-animation Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw
https://github.com/travisjneuman/.claude