framer-motion
✓Bibliothèque complète d'animations Framer Motion pour React. Couvre les composants de mouvement, les variantes, les gestes, les transitions de page et les animations de défilement. À utiliser lors de l'ajout d'animations aux applications React/Next.js.
SKILL.md
| Motion Component | reference/motion-component.md | | Variants | reference/variants.md | | Gestures | reference/gestures.md | | Hooks | reference/hooks.md |
| Page Transitions | examples/page-transitions.md | | List Animations | examples/list-animations.md | | Scroll Animations | examples/scroll-animations.md | | Micro-interactions | examples/micro-interactions.md |
| templates/page-transition.tsx | Page transition wrapper | | templates/animated-list.tsx | Animated list component |
Bibliothèque complète d'animations Framer Motion pour React. Couvre les composants de mouvement, les variantes, les gestes, les transitions de page et les animations de défilement. À utiliser lors de l'ajout d'animations aux applications React/Next.js. Source : naimalarain13/hackathon-ii_the-evolution-of-todo.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/naimalarain13/hackathon-ii_the-evolution-of-todo --skill framer-motion- Catégorie
- >_Productivité
- Vérifié
- ✓
- Première apparition
- 2026-02-01
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que framer-motion ?
Bibliothèque complète d'animations Framer Motion pour React. Couvre les composants de mouvement, les variantes, les gestes, les transitions de page et les animations de défilement. À utiliser lors de l'ajout d'animations aux applications React/Next.js. Source : naimalarain13/hackathon-ii_the-evolution-of-todo.
Comment installer framer-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/naimalarain13/hackathon-ii_the-evolution-of-todo --skill framer-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/naimalarain13/hackathon-ii_the-evolution-of-todo
Détails
- Catégorie
- >_Productivité
- Source
- skills.sh
- Première apparition
- 2026-02-01