Che cos'è icons-badges?
Utilizzalo per animare icone, badge, avatar, indicatori di stato o piccoli elementi visivi per aggiungere personalità e feedback Fonte: dylantarre/animation-principles.
Utilizzalo per animare icone, badge, avatar, indicatori di stato o piccoli elementi visivi per aggiungere personalità e feedback
Installa rapidamente la skill AI icons-badges nel tuo ambiente di sviluppo tramite riga di comando
Fonte: dylantarre/animation-principles.
Apply Disney's 12 principles to small UI elements for personality and meaningful feedback.
Squash & Stretch Heart icons can squash/stretch on "like" tap. Notification badges can bounce with squash on arrival. Adds life to small elements.
Anticipation Before icon action, brief scale down (0.9) for 50ms. Bell can tilt back before ringing forward. Prepares for action.
Utilizzalo per animare icone, badge, avatar, indicatori di stato o piccoli elementi visivi per aggiungere personalità e feedback Fonte: dylantarre/animation-principles.
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/dylantarre/animation-principles --skill icons-badgesUtilizzalo per animare icone, badge, avatar, indicatori di stato o piccoli elementi visivi per aggiungere personalità e feedback 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 icons-badges 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