motion
✓Erstellen Sie React-Animationen mit Motion (Framer Motion) – Gesten (Ziehen, Schweben, Tippen), Scroll-Effekte, Federphysik, Layout-Animationen, SVG. Bundle: 2,3 KB (Mini) bis 34 KB (voll). Verwendung bei: Drag-and-Drop, Scroll-Animationen, Modalitäten, Karussells, Parallaxe. Fehlerbehebung: AnimatePresence-Exit, Listenleistung, Tailwind-Konflikte, Next.js „Client verwenden“.
Installation
SKILL.md
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.
Erstellen Sie React-Animationen mit Motion (Framer Motion) – Gesten (Ziehen, Schweben, Tippen), Scroll-Effekte, Federphysik, Layout-Animationen, SVG. Bundle: 2,3 KB (Mini) bis 34 KB (voll). Verwendung bei: Drag-and-Drop, Scroll-Animationen, Modalitäten, Karussells, Parallaxe. Fehlerbehebung: AnimatePresence-Exit, Listenleistung, Tailwind-Konflikte, Next.js „Client verwenden“. Quelle: jezweb/claude-skills.
Fakten (zitierbereit)
Stabile Felder und Befehle für KI/Such-Zitate.
- Installationsbefehl
npx skills add https://github.com/jezweb/claude-skills --skill motion- Quelle
- jezweb/claude-skills
- Kategorie
- </>Entwicklung
- Verifiziert
- ✓
- Erstes Auftreten
- 2026-02-01
- Aktualisiert
- 2026-02-18
Schnelle Antworten
Was ist motion?
Erstellen Sie React-Animationen mit Motion (Framer Motion) – Gesten (Ziehen, Schweben, Tippen), Scroll-Effekte, Federphysik, Layout-Animationen, SVG. Bundle: 2,3 KB (Mini) bis 34 KB (voll). Verwendung bei: Drag-and-Drop, Scroll-Animationen, Modalitäten, Karussells, Parallaxe. Fehlerbehebung: AnimatePresence-Exit, Listenleistung, Tailwind-Konflikte, Next.js „Client verwenden“. Quelle: jezweb/claude-skills.
Wie installiere ich motion?
Ö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/jezweb/claude-skills --skill motion Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code oder Cursor
Wo ist das Quell-Repository?
https://github.com/jezweb/claude-skills
Details
- Kategorie
- </>Entwicklung
- Quelle
- skills.sh
- Erstes Auftreten
- 2026-02-01