À utiliser lors de la création d'effets de survol de la souris : surbrillance des boutons, levées de cartes, soulignements de liens, zooms d'image ou toute animation déclenchée par un pointeur.
Installez rapidement le skill IA hover-interactions dans votre environnement de développement via la ligne de commande
Source : 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.
À utiliser lors de la création d'effets de survol de la souris : surbrillance des boutons, levées de cartes, soulignements de liens, zooms d'image ou toute animation déclenchée par un pointeur. Source : dylantarre/animation-principles.
Champs et commandes stables pour les citations IA/recherche.
npx skills add https://github.com/dylantarre/animation-principles --skill hover-interactionsÀ utiliser lors de la création d'effets de survol de la souris : surbrillance des boutons, levées de cartes, soulignements de liens, zooms d'image ou toute animation déclenchée par un pointeur. Source : dylantarre/animation-principles.
Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/dylantarre/animation-principles --skill hover-interactions Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw
https://github.com/dylantarre/animation-principles