·motion-framer
*

motion-framer

Libreria di animazioni moderna per React e JavaScript. Crea animazioni fluide e pronte per la produzione con componenti di movimento, varianti, gesti (passaggio del mouse/tocco/trascinamento), animazioni di layout, animazioni di uscita di AnimatePresence, fisica a molla ed effetti basati su scorrimento. Da utilizzare durante la creazione di componenti dell'interfaccia utente interattivi, microinterazioni, transizioni di pagina o sequenze di animazioni complesse.

16Installazioni·2Tendenza·@freshtechbro

Installazione

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

Come installare motion-framer

Installa rapidamente la skill AI motion-framer nel tuo ambiente di sviluppo tramite riga di comando

  1. Apri il terminale: Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.)
  2. Esegui il comando di installazione: Copia ed esegui questo comando: npx skills add https://github.com/freshtechbro/claudedesignskills --skill motion-framer
  3. Verifica l'installazione: 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

Fonte: 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.

Libreria di animazioni moderna per React e JavaScript. Crea animazioni fluide e pronte per la produzione con componenti di movimento, varianti, gesti (passaggio del mouse/tocco/trascinamento), animazioni di layout, animazioni di uscita di AnimatePresence, fisica a molla ed effetti basati su scorrimento. Da utilizzare durante la creazione di componenti dell'interfaccia utente interattivi, microinterazioni, transizioni di pagina o sequenze di animazioni complesse. Fonte: freshtechbro/claudedesignskills.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/freshtechbro/claudedesignskills --skill motion-framer
Categoria
*Creatività
Verificato
Prima apparizione
2026-03-01
Aggiornato
2026-03-10

Browse more skills from freshtechbro/claudedesignskills

Risposte rapide

Che cos'è motion-framer?

Libreria di animazioni moderna per React e JavaScript. Crea animazioni fluide e pronte per la produzione con componenti di movimento, varianti, gesti (passaggio del mouse/tocco/trascinamento), animazioni di layout, animazioni di uscita di AnimatePresence, fisica a molla ed effetti basati su scorrimento. Da utilizzare durante la creazione di componenti dell'interfaccia utente interattivi, microinterazioni, transizioni di pagina o sequenze di animazioni complesse. Fonte: freshtechbro/claudedesignskills.

Come installo motion-framer?

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/freshtechbro/claudedesignskills --skill motion-framer 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

Dov'è il repository sorgente?

https://github.com/freshtechbro/claudedesignskills