Da utilizzare quando si creano animazioni dipendenti dal contesto: durata che cambia in base al dispositivo, alla distanza, alle preferenze dell'utente o al contesto di interazione
Installa rapidamente la skill AI responsive-adaptive nel tuo ambiente di sviluppo tramite riga di comando
Fonte: dylantarre/animation-principles.
Responsive timing adapts duration to context: device capability, travel distance, user preferences, and interaction type. One duration doesn't fit all situations.
Squash & Stretch: Scale with device - more subtle on mobile (less screen real estate for deformation).
Anticipation: Shorter on touch devices - touch users expect faster response than mouse users.
Da utilizzare quando si creano animazioni dipendenti dal contesto: durata che cambia in base al dispositivo, alla distanza, alle preferenze dell'utente o al contesto di interazione Fonte: dylantarre/animation-principles.
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/dylantarre/animation-principles --skill responsive-adaptiveDa utilizzare quando si creano animazioni dipendenti dal contesto: durata che cambia in base al dispositivo, alla distanza, alle preferenze dell'utente o al contesto di interazione 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 responsive-adaptive 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