Communitygithub.com

patricio0312rev/framer-motion-animator

Erstellt flüssige Animationen und Mikrointeraktionen mit Framer Motion, einschließlich Seitenübergängen, Gesten, scrollbasierten Animationen und orchestrierten Sequenzen. Verwenden Sie dies, wenn Benutzer 'Animation hinzufügen', 'Framer Motion', 'Seitenübergang', 'Komponente animieren' oder 'Mikrointeraktionen' anfordern.

Was ist framer-motion-animator?

Dieses Skill ermöglicht es KI-Agenten, mühelos hochwertige Animationen mit der Framer Motion Bibliothek in React-Anwendungen zu erstellen. Es deckt eine breite Palette von Animationsbedürfnissen ab, darunter Seitenübergänge für Single-Page-Apps (SPA), benutzerdefinierte Gesten wie Ziehen und Schweben, scrollbasierte Animationen, die auf die Bildlaufposition reagieren, sowie orchestrierte Sequenzen, die mehrere Animationen in einer bestimmten Reihenfolge ablaufen lassen. Der Skill ist besonders nützlich für Entwickler, die die Benutzererfahrung ihrer Webanwendungen mit subtilen oder komplexen Animationen verbessern möchten. Er funktioniert mit KI-Agenten, die Markdown-Anweisungen verarbeiten, wie z. B. Claude Code, Cursor oder Codex Hub, und bietet eine strukturierte Anleitung zur Implementierung gängiger Animationsmuster mit Framer Motion.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/patricio0312rev/skills/tree/main/skills/framer-motion-animator

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Was macht framer-motion-animator?

Erstellt flüssige Animationen und Mikrointeraktionen mit Framer Motion, einschließlich Seitenübergängen, Gesten, scrollbasierten Animationen und orchestrierten Sequenzen. Verwenden Sie dies, wenn Benutzer "Animation hinzufügen", "Framer Motion", "Seitenübergang", "Komponente animieren" oder "Mikrointeraktionen" anfordern.

Verwandte Skills