·motion-framer
*

motion-framer

Bibliothèque d'animation moderne pour React et JavaScript. Créez des animations fluides et prêtes pour la production avec des composants de mouvement, des variantes, des gestes (survol/appui/glisser), des animations de mise en page, des animations de sortie AnimatePresence, la physique des ressorts et des effets de défilement. À utiliser lors de la création de composants d'interface utilisateur interactifs, de micro-interactions, de transitions de page ou de séquences d'animation complexes.

16Installations·2Tendance·@freshtechbro

Installation

$npx skills add https://github.com/freshtechbro/claudedesignskills --skill motion-framer

Comment installer motion-framer

Installez rapidement le skill IA motion-framer dans votre environnement de développement via la ligne de commande

  1. Ouvrir le Terminal: Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.)
  2. Exécuter la commande d'installation: Copiez et exécutez cette commande : npx skills add https://github.com/freshtechbro/claudedesignskills --skill motion-framer
  3. Vérifier l'installation: Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Source : freshtechbro/claudedesignskills.

Motion (formerly Framer Motion) is a production-ready animation library for React and JavaScript that enables declarative, performant animations with minimal code. It provides motion components that wrap HTML elements with animation superpowers, supports gesture recognition (hover, tap, drag, focus), and includes advanced features like layout animations, exit animations, and spring physics.

Convert any HTML/SVG element into an animatable component by prefixing with motion.:

Every motion component accepts animation props like animate, initial, transition, and gesture props like whileHover, whileTap, etc.

Bibliothèque d'animation moderne pour React et JavaScript. Créez des animations fluides et prêtes pour la production avec des composants de mouvement, des variantes, des gestes (survol/appui/glisser), des animations de mise en page, des animations de sortie AnimatePresence, la physique des ressorts et des effets de défilement. À utiliser lors de la création de composants d'interface utilisateur interactifs, de micro-interactions, de transitions de page ou de séquences d'animation complexes. Source : freshtechbro/claudedesignskills.

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/freshtechbro/claudedesignskills --skill motion-framer
Catégorie
*Créativité
Vérifié
Première apparition
2026-03-01
Mis à jour
2026-03-10

Browse more skills from freshtechbro/claudedesignskills

Réponses rapides

Qu'est-ce que motion-framer ?

Bibliothèque d'animation moderne pour React et JavaScript. Créez des animations fluides et prêtes pour la production avec des composants de mouvement, des variantes, des gestes (survol/appui/glisser), des animations de mise en page, des animations de sortie AnimatePresence, la physique des ressorts et des effets de défilement. À utiliser lors de la création de composants d'interface utilisateur interactifs, de micro-interactions, de transitions de page ou de séquences d'animation complexes. Source : freshtechbro/claudedesignskills.

Comment installer motion-framer ?

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/freshtechbro/claudedesignskills --skill motion-framer Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Où se trouve le dépôt source ?

https://github.com/freshtechbro/claudedesignskills