À utiliser lors de la création de micro-interactions entre 100 et 200 ms : des info-bulles apparaissent, une liste déroulante s'ouvre, de petites animations de retour qui semblent rapides mais perceptibles
Installez rapidement le skill IA micro-100-200ms dans votre environnement de développement via la ligne de commande
Source : 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.
À utiliser lors de la création de micro-interactions entre 100 et 200 ms : des info-bulles apparaissent, une liste déroulante s'ouvre, de petites animations de retour qui semblent rapides mais perceptibles Source : dylantarre/animation-principles.
Champs et commandes stables pour les citations IA/recherche.
npx skills add https://github.com/dylantarre/animation-principles --skill micro-100-200msÀ utiliser lors de la création de micro-interactions entre 100 et 200 ms : des info-bulles apparaissent, une liste déroulante s'ouvre, de petites animations de retour qui semblent rapides mais perceptibles 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 micro-100-200ms 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