Da utilizzare quando si creano microinterazioni tra 100 e 200 ms: vengono visualizzate le descrizioni comandi, si apre un menu a discesa, piccole animazioni di feedback che sembrano veloci ma percepibili
Installa rapidamente la skill AI micro-100-200ms nel tuo ambiente di sviluppo tramite riga di comando
Fonte: dylantarre/animation-principles.
The 100-200ms range is the sweet spot for micro-interactions. Fast enough to feel responsive, slow enough to be perceived as intentional motion.
Squash & Stretch: Light application - 5-10% works for bouncy buttons, appearing elements.
Anticipation: Micro-anticipation possible - 20-30ms wind-up before 150ms action.
Da utilizzare quando si creano microinterazioni tra 100 e 200 ms: vengono visualizzate le descrizioni comandi, si apre un menu a discesa, piccole animazioni di feedback che sembrano veloci ma percepibili Fonte: dylantarre/animation-principles.
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/dylantarre/animation-principles --skill micro-100-200msDa utilizzare quando si creano microinterazioni tra 100 e 200 ms: vengono visualizzate le descrizioni comandi, si apre un menu a discesa, piccole animazioni di feedback che sembrano veloci ma percepibili 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 micro-100-200ms 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