Da utilizzare quando si creano animazioni standard tra 300 e 500 ms: transizioni di pagina, modifiche significative dell'interfaccia utente, illustrazioni animate che richiedono una comunicazione chiara
Installa rapidamente la skill AI medium-300-500ms nel tuo ambiente di sviluppo tramite riga di comando
Fonte: dylantarre/animation-principles.
The 300-500ms range is standard animation territory. Long enough to be watched, short enough to not impede flow. The workhorse duration for meaningful motion.
Squash & Stretch: Full expression - visible deformation for bouncing, elastic elements. 15-25% stretch feels natural.
Anticipation: Clear preparation - 80-120ms anticipation before main action. Pull back before push forward.
Da utilizzare quando si creano animazioni standard tra 300 e 500 ms: transizioni di pagina, modifiche significative dell'interfaccia utente, illustrazioni animate che richiedono una comunicazione chiara Fonte: dylantarre/animation-principles.
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/dylantarre/animation-principles --skill medium-300-500msDa utilizzare quando si creano animazioni standard tra 300 e 500 ms: transizioni di pagina, modifiche significative dell'interfaccia utente, illustrazioni animate che richiedono una comunicazione chiara 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 medium-300-500ms 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