Da utilizzare quando si anima qualsiasi elemento dell'interfaccia utente non coperto da competenze specifiche o quando si applicano principi generali di animazione a più tipi di elementi
Installa rapidamente la skill AI universal-elements nel tuo ambiente di sviluppo tramite riga di comando
Fonte: dylantarre/animation-principles.
Apply Disney's 12 principles to any UI element for consistent, professional motion design.
Squash & Stretch Any element that responds to interaction can squash (compress on impact/press) and stretch (extend on release). Keep it subtle: 2-5% maximum for UI.
Anticipation Before any significant action, a brief preparatory motion signals what's coming. Scale down before scale up, pull back before push forward. 50-100ms duration.
Da utilizzare quando si anima qualsiasi elemento dell'interfaccia utente non coperto da competenze specifiche o quando si applicano principi generali di animazione a più tipi di elementi Fonte: dylantarre/animation-principles.
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/dylantarre/animation-principles --skill universal-elementsDa utilizzare quando si anima qualsiasi elemento dell'interfaccia utente non coperto da competenze specifiche o quando si applicano principi generali di animazione a più tipi di elementi Fonte: dylantarre/animation-principles.
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/dylantarre/animation-principles --skill universal-elements 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/dylantarre/animation-principles