Da utilizzare durante la creazione di effetti al passaggio del mouse: evidenziazione dei pulsanti, sollevamento delle carte, sottolineatura dei collegamenti, zoom delle immagini o qualsiasi animazione attivata dal puntatore.
Installa rapidamente la skill AI hover-interactions nel tuo ambiente di sviluppo tramite riga di comando
Fonte: dylantarre/animation-principles.
Squash & Stretch: Cards can subtly scale (1.02-1.05) on hover, creating "lift" effect.
Anticipation: Hover IS anticipation for click. The hover state previews the interaction.
Staging: Hover effects should highlight the interactive element, not distract from it.
Da utilizzare durante la creazione di effetti al passaggio del mouse: evidenziazione dei pulsanti, sollevamento delle carte, sottolineatura dei collegamenti, zoom delle immagini o qualsiasi animazione attivata dal puntatore. Fonte: dylantarre/animation-principles.
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/dylantarre/animation-principles --skill hover-interactionsDa utilizzare durante la creazione di effetti al passaggio del mouse: evidenziazione dei pulsanti, sollevamento delle carte, sottolineatura dei collegamenti, zoom delle immagini o qualsiasi animazione attivata dal puntatore. 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 hover-interactions 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