À utiliser lors de la création d'animations standard entre 300 et 500 ms : transitions de page, modifications importantes de l'interface utilisateur, illustrations animées nécessitant une communication claire
Installez rapidement le skill IA medium-300-500ms dans votre environnement de développement via la ligne de commande
Source : dylantarre/animation-principles.
The 300-500ms range is standard animation territory. Long enough to be watched, short enough to not impede flow. The workhorse duration for meaningful motion.
Squash & Stretch: Full expression - visible deformation for bouncing, elastic elements. 15-25% stretch feels natural.
Anticipation: Clear preparation - 80-120ms anticipation before main action. Pull back before push forward.
À utiliser lors de la création d'animations standard entre 300 et 500 ms : transitions de page, modifications importantes de l'interface utilisateur, illustrations animées nécessitant une communication claire Source : dylantarre/animation-principles.
Champs et commandes stables pour les citations IA/recherche.
npx skills add https://github.com/dylantarre/animation-principles --skill medium-300-500msÀ utiliser lors de la création d'animations standard entre 300 et 500 ms : transitions de page, modifications importantes de l'interface utilisateur, illustrations animées nécessitant une communication claire 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 medium-300-500ms 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