À utiliser lors de l'animation d'un élément de l'interface utilisateur non couvert par des compétences spécifiques, ou lors de l'application de principes généraux d'animation sur plusieurs types d'éléments.
Installez rapidement le skill IA universal-elements dans votre environnement de développement via la ligne de commande
Source : dylantarre/animation-principles.
Apply Disney's 12 principles to any UI element for consistent, professional motion design.
Squash & Stretch Any element that responds to interaction can squash (compress on impact/press) and stretch (extend on release). Keep it subtle: 2-5% maximum for UI.
Anticipation Before any significant action, a brief preparatory motion signals what's coming. Scale down before scale up, pull back before push forward. 50-100ms duration.
À utiliser lors de l'animation d'un élément de l'interface utilisateur non couvert par des compétences spécifiques, ou lors de l'application de principes généraux d'animation sur plusieurs types d'éléments. Source : dylantarre/animation-principles.
Champs et commandes stables pour les citations IA/recherche.
npx skills add https://github.com/dylantarre/animation-principles --skill universal-elementsÀ utiliser lors de l'animation d'un élément de l'interface utilisateur non couvert par des compétences spécifiques, ou lors de l'application de principes généraux d'animation sur plusieurs types d'éléments. 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 universal-elements 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