Qu'est-ce que timing-calibration ?
À utiliser lorsque la vitesse d'animation semble incorrecte : trop rapide, trop lente ou incohérente Source : dylantarre/animation-principles.
À utiliser lorsque la vitesse d'animation semble incorrecte : trop rapide, trop lente ou incohérente
Installez rapidement le skill IA timing-calibration dans votre environnement de développement via la ligne de commande
Source : dylantarre/animation-principles.
Timing Issue: Duration doesn't match action type Fix: Micro-interactions: 100-150ms. Transitions: 200-400ms. Complex reveals: 400-600ms. Never exceed 1s for UI.
Slow In and Slow Out Issue: Linear timing feels mechanical Fix: Use easing. Ease-out for entrances (fast start, soft landing). Ease-in for exits (soft start, quick finish).
Arcs Issue: Straight-line motion at wrong speed Fix: Curved paths need more time than straight paths. Increase duration for arc motion.
À utiliser lorsque la vitesse d'animation semble incorrecte : trop rapide, trop lente ou incohérente Source : dylantarre/animation-principles.
Champs et commandes stables pour les citations IA/recherche.
npx skills add https://github.com/dylantarre/animation-principles --skill timing-calibrationÀ utiliser lorsque la vitesse d'animation semble incorrecte : trop rapide, trop lente ou incohérente 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 timing-calibration 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