À utiliser lorsque des éléments doivent apparaître à l'écran : chargement de page, ouverture de modaux, éléments ajoutés, révélation de contenu ou toute animation "apparaissant".
Installez rapidement le skill IA entrance-animations dans votre environnement de développement via la ligne de commande
Source : dylantarre/animation-principles.
Squash & Stretch: Scale from 95% to 100% on entry. Elements feel elastic, not rigid.
Anticipation: Start slightly below/smaller than final position. A -10px offset before sliding up creates expectation.
Staging: Enter from the direction of user attention. New list items from the top, modals from center, sidebars from their edge.
À utiliser lorsque des éléments doivent apparaître à l'écran : chargement de page, ouverture de modaux, éléments ajoutés, révélation de contenu ou toute animation "apparaissant". Source : dylantarre/animation-principles.
Champs et commandes stables pour les citations IA/recherche.
npx skills add https://github.com/dylantarre/animation-principles --skill entrance-animationsÀ utiliser lorsque des éléments doivent apparaître à l'écran : chargement de page, ouverture de modaux, éléments ajoutés, révélation de contenu ou toute animation "apparaissant". 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 entrance-animations 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