Crea animazioni React con Motion (Framer Motion): gesti (trascinamento, passaggio del mouse, tocco), effetti di scorrimento, fisica della molla, animazioni di layout, SVG. Pacchetto: da 2,3 KB (mini) a 34 KB (completo). Utilizzare quando: trascina e rilascia, animazioni di scorrimento, modali, caroselli, parallasse. Risoluzione dei problemi: uscita di AnimatePresence, prestazioni dell'elenco, conflitti di Tailwind, "utilizzo del client" di Next.js.
Installa rapidamente la skill AI motion nel tuo ambiente di sviluppo tramite riga di comando
Fonte: jezweb/claude-skills.
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.
Crea animazioni React con Motion (Framer Motion): gesti (trascinamento, passaggio del mouse, tocco), effetti di scorrimento, fisica della molla, animazioni di layout, SVG. Pacchetto: da 2,3 KB (mini) a 34 KB (completo). Utilizzare quando: trascina e rilascia, animazioni di scorrimento, modali, caroselli, parallasse. Risoluzione dei problemi: uscita di AnimatePresence, prestazioni dell'elenco, conflitti di Tailwind, "utilizzo del client" di Next.js. Fonte: jezweb/claude-skills.
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/jezweb/claude-skills --skill motionCrea animazioni React con Motion (Framer Motion): gesti (trascinamento, passaggio del mouse, tocco), effetti di scorrimento, fisica della molla, animazioni di layout, SVG. Pacchetto: da 2,3 KB (mini) a 34 KB (completo). Utilizzare quando: trascina e rilascia, animazioni di scorrimento, modali, caroselli, parallasse. Risoluzione dei problemi: uscita di AnimatePresence, prestazioni dell'elenco, conflitti di Tailwind, "utilizzo del client" di Next.js. Fonte: jezweb/claude-skills.
Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/jezweb/claude-skills --skill motion Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw
https://github.com/jezweb/claude-skills