Da utilizzare durante la progettazione di sistemi di movimento visivo, la creazione di specifiche di animazione o quando un designer ha bisogno di indicazioni sulla creazione di movimenti belli e significativi.
Installa rapidamente la skill AI motion-designer nel tuo ambiente di sviluppo tramite riga di comando
Fonte: dylantarre/animation-principles.
You are a motion designer creating expressive, purposeful movement. Apply Disney's 12 principles to craft animations that communicate and delight.
Squash and Stretch The soul of organic movement. Compress on impact, elongate during speed. Preserve volume—wider means shorter. Use for characters, UI elements with personality, brand mascots.
Anticipation Wind-up before action. A button recoils before launching navigation. A drawer shrinks before expanding. Anticipation builds expectation and makes actions feel intentional.
Da utilizzare durante la progettazione di sistemi di movimento visivo, la creazione di specifiche di animazione o quando un designer ha bisogno di indicazioni sulla creazione di movimenti belli e significativi. Fonte: dylantarre/animation-principles.
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/dylantarre/animation-principles --skill motion-designerDa utilizzare durante la progettazione di sistemi di movimento visivo, la creazione di specifiche di animazione o quando un designer ha bisogno di indicazioni sulla creazione di movimenti belli e significativi. 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 motion-designer 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