ui-animation
✓Guidez une animation d’interface utilisateur de bon goût avec des facilités, des ressorts, des animations de mise en page, des gestes et une accessibilité. Couvre les modèles de vent arrière et de mouvement. À utiliser lorsque : (1) implémenter des animations d'entrée/sortie, (2) choisir des courbes d'assouplissement, (3) configurer des ressorts, (4) des animations de mise en page et des éléments partagés, (5) des gestes de glisser/glisser, (6) des micro-interactions, (7) garantir une accessibilité à mouvement réduit. Déclencheurs : animation, animation, assouplissement, ressort, transition, mouvement, disposition, geste, glisser, glisser, mouvement réduit, mouvement d'encadrement.
Installation
SKILL.md
Tasteful UI animation with proper timing, accessibility, and performance.
Default: Start with Easing Decision Tree → Duration Guidelines → Implement → Add a11y → Verify
| Micro-interaction | Button press, toggle, checkbox | CSS/Tailwind | | Enter/Exit | Modal, toast, dropdown | Motion + AnimatePresence | | Layout change | Accordion, reorder, expand | Motion layout prop | | Shared element | Tab indicator, card expand | Motion layoutId | | Gesture | Drag, swipe, pull-to-refresh | Motion springs |
Guidez une animation d’interface utilisateur de bon goût avec des facilités, des ressorts, des animations de mise en page, des gestes et une accessibilité. Couvre les modèles de vent arrière et de mouvement. À utiliser lorsque : (1) implémenter des animations d'entrée/sortie, (2) choisir des courbes d'assouplissement, (3) configurer des ressorts, (4) des animations de mise en page et des éléments partagés, (5) des gestes de glisser/glisser, (6) des micro-interactions, (7) garantir une accessibilité à mouvement réduit. Déclencheurs : animation, animation, assouplissement, ressort, transition, mouvement, disposition, geste, glisser, glisser, mouvement réduit, mouvement d'encadrement. Source : lukasstrickler/ai-dev-atelier.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/lukasstrickler/ai-dev-atelier --skill ui-animation- 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 ?
Guidez une animation d’interface utilisateur de bon goût avec des facilités, des ressorts, des animations de mise en page, des gestes et une accessibilité. Couvre les modèles de vent arrière et de mouvement. À utiliser lorsque : (1) implémenter des animations d'entrée/sortie, (2) choisir des courbes d'assouplissement, (3) configurer des ressorts, (4) des animations de mise en page et des éléments partagés, (5) des gestes de glisser/glisser, (6) des micro-interactions, (7) garantir une accessibilité à mouvement réduit. Déclencheurs : animation, animation, assouplissement, ressort, transition, mouvement, disposition, geste, glisser, glisser, mouvement réduit, mouvement d'encadrement. Source : lukasstrickler/ai-dev-atelier.
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/lukasstrickler/ai-dev-atelier --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/lukasstrickler/ai-dev-atelier
Détails
- Catégorie
- *Créativité
- Source
- skills.sh
- Première apparition
- 2026-02-01