motion
✓Créez des animations React avec Motion (Framer Motion) - gestes (glisser, survoler, appuyer), effets de défilement, physique du ressort, animations de mise en page, SVG. Offre groupée : 2,3 Ko (mini) à 34 Ko (complet). À utiliser lorsque : glisser-déposer, animations de défilement, modaux, carrousels, parallaxe. Dépannage : sortie d'AnimatePresence, performances de la liste, conflits Tailwind, Next.js "utiliser le client".
Installation
SKILL.md
Motion (package: motion, formerly framer-motion) is the industry-standard React animation library used in production by thousands of applications. With 30,200+ GitHub stars and 300+ official examples, it provides a declarative API for creating sophisticated animations with minimal code.
Production Tested: React 19.2, Next.js 16.1, Vite 7.3, Tailwind v4
Performance: Uses native ScrollTimeline API when available for hardware acceleration.
Créez des animations React avec Motion (Framer Motion) - gestes (glisser, survoler, appuyer), effets de défilement, physique du ressort, animations de mise en page, SVG. Offre groupée : 2,3 Ko (mini) à 34 Ko (complet). À utiliser lorsque : glisser-déposer, animations de défilement, modaux, carrousels, parallaxe. Dépannage : sortie d'AnimatePresence, performances de la liste, conflits Tailwind, Next.js "utiliser le client". Source : jezweb/claude-skills.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/jezweb/claude-skills --skill motion- Source
- jezweb/claude-skills
- Catégorie
- </>Développement
- Vérifié
- ✓
- Première apparition
- 2026-02-01
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que motion ?
Créez des animations React avec Motion (Framer Motion) - gestes (glisser, survoler, appuyer), effets de défilement, physique du ressort, animations de mise en page, SVG. Offre groupée : 2,3 Ko (mini) à 34 Ko (complet). À utiliser lorsque : glisser-déposer, animations de défilement, modaux, carrousels, parallaxe. Dépannage : sortie d'AnimatePresence, performances de la liste, conflits Tailwind, Next.js "utiliser le client". Source : jezweb/claude-skills.
Comment installer motion ?
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/jezweb/claude-skills --skill motion 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/jezweb/claude-skills
Détails
- Catégorie
- </>Développement
- Source
- skills.sh
- Première apparition
- 2026-02-01