·auto-animate
</>

auto-animate

✓
jezweb/claude-skillsGitHub: jezweb/claude-skillsFonte: jezweb/claude-skills

Animazioni a configurazione zero per React, Vue, Solid, Svelte, Preact con @formkit/auto-animate (3,28 kb). Previene 15 errori documentati tra cui bug di React 19 StrictMode, importazioni SSR, genitori condizionali, problemi di visualizzazione, conflitti di trascinamento della selezione e bug di trasformazione CSS. Da utilizzare quando: si animano elenchi/fisarmoniche/brindisi, si risolvono errori di animazione SSR, si verificano problemi con React 19 StrictMode o si necessitano transizioni drop-in accessibili con movimento automatico preferito-ridotto.

jezweb·auto·animate
360Installazioni·0Tendenza·@jezweb

Installazione

GitHub: jezweb/claude-skills
$npx skills add https://github.com/jezweb/claude-skills --skill auto-animate

Come installare auto-animate

Installa rapidamente la skill AI auto-animate nel tuo ambiente di sviluppo tramite riga di comando

  1. Apri il terminale: Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.)
  2. Esegui il comando di installazione: Copia ed esegui questo comando: npx skills add https://github.com/jezweb/claude-skills --skill auto-animate
  3. Verifica l'installazione: Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Fonte: jezweb/claude-skills.

SKILL.md

Visualizza raw

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)

Animazioni a configurazione zero per React, Vue, Solid, Svelte, Preact con @formkit/auto-animate (3,28 kb). Previene 15 errori documentati tra cui bug di React 19 StrictMode, importazioni SSR, genitori condizionali, problemi di visualizzazione, conflitti di trascinamento della selezione e bug di trasformazione CSS. Da utilizzare quando: si animano elenchi/fisarmoniche/brindisi, si risolvono errori di animazione SSR, si verificano problemi con React 19 StrictMode o si necessitano transizioni drop-in accessibili con movimento automatico preferito-ridotto. Fonte: jezweb/claude-skills.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/jezweb/claude-skills --skill auto-animate
Fonte
jezweb/claude-skills
Categoria
</>Sviluppo
Verificato
✓
Prima apparizione
2026-02-01
Aggiornato
2026-03-10
URL
https://www.learn-skills.dev/it/skills/jezweb/claude-skills/auto-animate

Browse more skills from jezweb/claude-skills

Risposte rapide

Che cos'è auto-animate?

Animazioni a configurazione zero per React, Vue, Solid, Svelte, Preact con @formkit/auto-animate (3,28 kb). Previene 15 errori documentati tra cui bug di React 19 StrictMode, importazioni SSR, genitori condizionali, problemi di visualizzazione, conflitti di trascinamento della selezione e bug di trasformazione CSS. Da utilizzare quando: si animano elenchi/fisarmoniche/brindisi, si risolvono errori di animazione SSR, si verificano problemi con React 19 StrictMode o si necessitano transizioni drop-in accessibili con movimento automatico preferito-ridotto. Fonte: jezweb/claude-skills.

Come installo auto-animate?

Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/jezweb/claude-skills --skill auto-animate Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Dov'è il repository sorgente?

https://github.com/jezweb/claude-skills

Dettagli

Categoria
</>Sviluppo
Fonte
skills.sh
Prima apparizione
2026-02-01

Skills correlate

tailwind-v4-shadcn
2.7K Installazioni
tanstack-query
2.5K Installazioni
fastapi
2.0K Installazioni
zustand-state-management
1.2K Installazioni
react-hook-form-zod
1.2K Installazioni
tailwind-patterns
1.1K Installazioni