Moderne Animationsbibliothek für React und JavaScript. Erstellen Sie flüssige, produktionsbereite Animationen mit Bewegungskomponenten, Varianten, Gesten (Hovern/Tippen/Ziehen), Layout-Animationen, AnimatePresence-Exit-Animationen, Federphysik und scrollbasierten Effekten. Verwenden Sie es beim Erstellen interaktiver UI-Komponenten, Mikrointeraktionen, Seitenübergänge oder komplexer Animationssequenzen.
Installieren Sie den KI-Skill motion-framer schnell in Ihrer Entwicklungsumgebung über die Kommandozeile
Quelle: 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.
Moderne Animationsbibliothek für React und JavaScript. Erstellen Sie flüssige, produktionsbereite Animationen mit Bewegungskomponenten, Varianten, Gesten (Hovern/Tippen/Ziehen), Layout-Animationen, AnimatePresence-Exit-Animationen, Federphysik und scrollbasierten Effekten. Verwenden Sie es beim Erstellen interaktiver UI-Komponenten, Mikrointeraktionen, Seitenübergänge oder komplexer Animationssequenzen. Quelle: freshtechbro/claudedesignskills.
Stabile Felder und Befehle für KI/Such-Zitate.
npx skills add https://github.com/freshtechbro/claudedesignskills --skill motion-framerModerne Animationsbibliothek für React und JavaScript. Erstellen Sie flüssige, produktionsbereite Animationen mit Bewegungskomponenten, Varianten, Gesten (Hovern/Tippen/Ziehen), Layout-Animationen, AnimatePresence-Exit-Animationen, Federphysik und scrollbasierten Effekten. Verwenden Sie es beim Erstellen interaktiver UI-Komponenten, Mikrointeraktionen, Seitenübergänge oder komplexer Animationssequenzen. Quelle: freshtechbro/claudedesignskills.
Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/freshtechbro/claudedesignskills --skill motion-framer Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw
https://github.com/freshtechbro/claudedesignskills