auto-animate
✓Animations sans configuration pour React, Vue, Solid, Svelte, Preact avec @formkit/auto-animate (3,28 Ko). Empêche 15 erreurs documentées, notamment les bogues React 19 StrictMode, les importations SSR, les parents conditionnels, les problèmes de fenêtre d'affichage, les conflits de glisser-déposer et les bogues de transformation CSS. À utiliser lorsque : l'animation de listes/accordéons/toasts, le dépannage d'erreurs d'animation SSR, les problèmes de React 19 StrictMode ou le besoin de transitions accessibles avec préférences automatiques de mouvement réduit.
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)
Animations sans configuration pour React, Vue, Solid, Svelte, Preact avec @formkit/auto-animate (3,28 Ko). Empêche 15 erreurs documentées, notamment les bogues React 19 StrictMode, les importations SSR, les parents conditionnels, les problèmes de fenêtre d'affichage, les conflits de glisser-déposer et les bogues de transformation CSS. À utiliser lorsque : l'animation de listes/accordéons/toasts, le dépannage d'erreurs d'animation SSR, les problèmes de React 19 StrictMode ou le besoin de transitions accessibles avec préférences automatiques de mouvement réduit. Source : jezweb/claude-skills.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/jezweb/claude-skills --skill auto-animate- Source
- jezweb/claude-skills
- Catégorie
- </>Développement
- Vérifié
- ✓
- Première apparition
- 2026-02-01
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que auto-animate ?
Animations sans configuration pour React, Vue, Solid, Svelte, Preact avec @formkit/auto-animate (3,28 Ko). Empêche 15 erreurs documentées, notamment les bogues React 19 StrictMode, les importations SSR, les parents conditionnels, les problèmes de fenêtre d'affichage, les conflits de glisser-déposer et les bogues de transformation CSS. À utiliser lorsque : l'animation de listes/accordéons/toasts, le dépannage d'erreurs d'animation SSR, les problèmes de React 19 StrictMode ou le besoin de transitions accessibles avec préférences automatiques de mouvement réduit. Source : jezweb/claude-skills.
Comment installer auto-animate ?
Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/jezweb/claude-skills --skill auto-animate Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor
Où se trouve le dépôt source ?
https://github.com/jezweb/claude-skills
Détails
- Catégorie
- </>Développement
- Source
- skills.sh
- Première apparition
- 2026-02-01