À utiliser lors de l'animation de champs de formulaire, d'entrées, de zones de texte, de sélections ou d'éléments de formulaire interactifs pour améliorer la convivialité et les commentaires.
Installez rapidement le skill IA forms-inputs dans votre environnement de développement via la ligne de commande
Source : dylantarre/animation-principles.
Apply Disney's 12 principles to forms for clear feedback and delightful interactions.
Squash & Stretch Input fields can subtly expand on focus (1-2px height). Submit button compresses on click. Checkboxes bounce on toggle.
Anticipation Label floats up before user types. Focus ring appears before content entry. Prepares user for input action.
À utiliser lors de l'animation de champs de formulaire, d'entrées, de zones de texte, de sélections ou d'éléments de formulaire interactifs pour améliorer la convivialité et les commentaires. Source : dylantarre/animation-principles.
Champs et commandes stables pour les citations IA/recherche.
npx skills add https://github.com/dylantarre/animation-principles --skill forms-inputsÀ utiliser lors de l'animation de champs de formulaire, d'entrées, de zones de texte, de sélections ou d'éléments de formulaire interactifs pour améliorer la convivialité et les commentaires. 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 forms-inputs 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