auto-animate
✓Zero-Config-Animationen für React, Vue, Solid, Svelte, Preact mit @formkit/auto-animate (3,28 KB). Verhindert 15 dokumentierte Fehler, darunter React 19 StrictMode-Fehler, SSR-Importe, bedingte übergeordnete Elemente, Probleme mit dem Ansichtsfenster, Drag & Drop-Konflikte und CSS-Transformationsfehler. Verwenden Sie diese Option, wenn Sie Listen/Akkordeons/Toasts animieren, SSR-Animationsfehler beheben, Probleme mit React 19 StrictMode haben oder zugängliche Drop-in-Übergänge mit automatischer Vorzugsreduzierung benötigen.
Installation
SKILL.md
Package: @formkit/auto-animate@0.9.0 (current) Frameworks: React, Vue, Solid, Svelte, Preact Last Updated: 2026-01-21
Why this matters: Prevents Issue #1 (SSR/Next.js import errors). AutoAnimate uses DOM APIs not available on server.
Issue #1: SSR/Next.js Import Errors Error: "Can't import the named export 'useEffect' from non EcmaScript module" Source: https://github.com/formkit/auto-animate/issues/55 Why It Happens: AutoAnimate uses DOM APIs not available on server Prevention: Use dynamic imports (see templates/vite-ssr-safe.tsx)
Zero-Config-Animationen für React, Vue, Solid, Svelte, Preact mit @formkit/auto-animate (3,28 KB). Verhindert 15 dokumentierte Fehler, darunter React 19 StrictMode-Fehler, SSR-Importe, bedingte übergeordnete Elemente, Probleme mit dem Ansichtsfenster, Drag & Drop-Konflikte und CSS-Transformationsfehler. Verwenden Sie diese Option, wenn Sie Listen/Akkordeons/Toasts animieren, SSR-Animationsfehler beheben, Probleme mit React 19 StrictMode haben oder zugängliche Drop-in-Übergänge mit automatischer Vorzugsreduzierung benötigen. 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 auto-animate- Quelle
- jezweb/claude-skills
- Kategorie
- </>Entwicklung
- Verifiziert
- ✓
- Erstes Auftreten
- 2026-02-01
- Aktualisiert
- 2026-02-18
Schnelle Antworten
Was ist auto-animate?
Zero-Config-Animationen für React, Vue, Solid, Svelte, Preact mit @formkit/auto-animate (3,28 KB). Verhindert 15 dokumentierte Fehler, darunter React 19 StrictMode-Fehler, SSR-Importe, bedingte übergeordnete Elemente, Probleme mit dem Ansichtsfenster, Drag & Drop-Konflikte und CSS-Transformationsfehler. Verwenden Sie diese Option, wenn Sie Listen/Akkordeons/Toasts animieren, SSR-Animationsfehler beheben, Probleme mit React 19 StrictMode haben oder zugängliche Drop-in-Übergänge mit automatischer Vorzugsreduzierung benötigen. Quelle: jezweb/claude-skills.
Wie installiere ich auto-animate?
Ö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 auto-animate 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