À utiliser lors de la création de petites transitions entre 200 et 300 ms - apparitions modales, extensions de cartes, transitions de navigation que les utilisateurs perçoivent consciemment
Installez rapidement le skill IA small-200-300ms dans votre environnement de développement via la ligne de commande
Source : dylantarre/animation-principles.
At 200-300ms, users consciously perceive motion. This duration bridges micro-interactions and full animations - ideal for UI state changes.
Squash & Stretch: Visible but restrained - 10-15% for playful interfaces, 5% for professional.
Anticipation: Brief wind-up works - 40-60ms preparation enhances 200ms main action.
À utiliser lors de la création de petites transitions entre 200 et 300 ms - apparitions modales, extensions de cartes, transitions de navigation que les utilisateurs perçoivent consciemment Source : dylantarre/animation-principles.
Champs et commandes stables pour les citations IA/recherche.
npx skills add https://github.com/dylantarre/animation-principles --skill small-200-300msÀ utiliser lors de la création de petites transitions entre 200 et 300 ms - apparitions modales, extensions de cartes, transitions de navigation que les utilisateurs perçoivent consciemment 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 small-200-300ms 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