Da utilizzare quando si creano animazioni di movimento più grandi tra 500 e 800 ms: transizioni di eroi, rivelazioni complesse, animazioni che raccontano una storia e meritano attenzione
Installa rapidamente la skill AI large-500-800ms nel tuo ambiente di sviluppo tramite riga di comando
Fonte: dylantarre/animation-principles.
At 500-800ms, animations become events. Users stop and watch. Reserve this duration for significant moments that deserve attention and communicate importance.
Squash & Stretch: Dramatic deformation - 20-30% stretch visible and characterful. Objects feel elastic and alive.
Anticipation: Extended wind-up - 150-200ms anticipation sells the action. Clear "about to happen" signal.
Da utilizzare quando si creano animazioni di movimento più grandi tra 500 e 800 ms: transizioni di eroi, rivelazioni complesse, animazioni che raccontano una storia e meritano attenzione Fonte: dylantarre/animation-principles.
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/dylantarre/animation-principles --skill large-500-800msDa utilizzare quando si creano animazioni di movimento più grandi tra 500 e 800 ms: transizioni di eroi, rivelazioni complesse, animazioni che raccontano una storia e meritano attenzione 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 large-500-800ms 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