ui-animation
✓Motion design et animation pour les interfaces utilisateurs. À utiliser lors de la création de micro-interactions, de transitions de page, d'états de chargement ou de toute animation d'interface utilisateur sur les plateformes Web et mobiles.
Installation
SKILL.md
Comprehensive guide for creating purposeful, performant animations in user interfaces.
| Timing | Duration reflects importance/distance | | Easing | Natural acceleration/deceleration | | Anticipation | Visual preparation for action | | Follow-through | Momentum continues after stop | | Secondary Action | Supporting elements respond | | Staging | Draw attention to key element | | Squash & Stretch | Bouncy, playful interactions |
| Exaggeration | Emphasize important feedback | | Arc | Natural curved motion paths | | Overlap | Elements move at different rates | | Solid Drawing | Maintain consistent 3D space | | Appeal | Engaging, delightful motion |
Motion design et animation pour les interfaces utilisateurs. À utiliser lors de la création de micro-interactions, de transitions de page, d'états de chargement ou de toute animation d'interface utilisateur sur les plateformes Web et mobiles. Source : travisjneuman/.claude.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/travisjneuman/.claude --skill ui-animation- Source
- travisjneuman/.claude
- Catégorie
- *Créativité
- Vérifié
- ✓
- Première apparition
- 2026-02-01
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que ui-animation ?
Motion design et animation pour les interfaces utilisateurs. À utiliser lors de la création de micro-interactions, de transitions de page, d'états de chargement ou de toute animation d'interface utilisateur sur les plateformes Web et mobiles. Source : travisjneuman/.claude.
Comment installer ui-animation ?
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/travisjneuman/.claude --skill ui-animation Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor
Où se trouve le dépôt source ?
https://github.com/travisjneuman/.claude
Détails
- Catégorie
- *Créativité
- Source
- skills.sh
- Première apparition
- 2026-02-01