Modelli di animazione Framer Motion (Motion) per React: molle, sfalsamenti, animazioni di layout, microinterazioni, effetti di scorrimento e transizioni di pagina. Da utilizzare per creare o migliorare le animazioni dell'interfaccia utente, aggiungere miglioramenti o rendere le interfacce premium.
Installa rapidamente la skill AI motion-design-patterns nel tuo ambiente di sviluppo tramite riga di comando
Fonte: dylanfeltus/skills.
Framer Motion (Motion) patterns for React — springs, staggers, layout animations, micro-interactions, scroll-triggered effects, and exit animations. The #1 differentiator between generic and polished UI.
Import: import { motion, AnimatePresence, stagger, useScroll, useTransform } from "motion/react"
Note: The package was renamed from framer-motion to motion in late 2024. Both work, but motion is the current package.
Modelli di animazione Framer Motion (Motion) per React: molle, sfalsamenti, animazioni di layout, microinterazioni, effetti di scorrimento e transizioni di pagina. Da utilizzare per creare o migliorare le animazioni dell'interfaccia utente, aggiungere miglioramenti o rendere le interfacce premium. Fonte: dylanfeltus/skills.
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/dylanfeltus/skills --skill motion-design-patternsModelli di animazione Framer Motion (Motion) per React: molle, sfalsamenti, animazioni di layout, microinterazioni, effetti di scorrimento e transizioni di pagina. Da utilizzare per creare o migliorare le animazioni dell'interfaccia utente, aggiungere miglioramenti o rendere le interfacce premium. Fonte: dylanfeltus/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/dylanfeltus/skills --skill motion-design-patterns 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/dylanfeltus/skills