motion-design
✓Fournit des conseils de conception de mouvements pour les composants de l’interface utilisateur. Déclencheurs sur les demandes d'animation ("animer ceci", "ajouter une transition", "motion pour"), les demandes de raffinement ("nettoyer cette animation", "nettoyer le mouvement", "cela semble trop rapide/lent", "rendre cela plus vivant/naturel") et des questions sur l'assouplissement, le timing ou les micro-interactions.
Installation
SKILL.md
Design intentional, purposeful motion for product UI. This skill evaluates animation needs and recommends specific easing curves, durations, and implementation approaches based on interaction frequency and purpose.
Every animation needs a job. If it has no job, don't animate.
Based on the evaluation, provide specific recommendations using tokens from the reference files.
Fournit des conseils de conception de mouvements pour les composants de l’interface utilisateur. Déclencheurs sur les demandes d'animation ("animer ceci", "ajouter une transition", "motion pour"), les demandes de raffinement ("nettoyer cette animation", "nettoyer le mouvement", "cela semble trop rapide/lent", "rendre cela plus vivant/naturel") et des questions sur l'assouplissement, le timing ou les micro-interactions. Source : richtabor/agent-skills.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/richtabor/agent-skills --skill motion-design- Source
- richtabor/agent-skills
- Catégorie
- *Créativité
- Vérifié
- ✓
- Première apparition
- 2026-02-01
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que motion-design ?
Fournit des conseils de conception de mouvements pour les composants de l’interface utilisateur. Déclencheurs sur les demandes d'animation ("animer ceci", "ajouter une transition", "motion pour"), les demandes de raffinement ("nettoyer cette animation", "nettoyer le mouvement", "cela semble trop rapide/lent", "rendre cela plus vivant/naturel") et des questions sur l'assouplissement, le timing ou les micro-interactions. Source : richtabor/agent-skills.
Comment installer motion-design ?
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/richtabor/agent-skills --skill motion-design 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/richtabor/agent-skills
Détails
- Catégorie
- *Créativité
- Source
- skills.sh
- Première apparition
- 2026-02-01