·auto-animate
</>

auto-animate

✓
ovachiever/droid-tingsGitHub: ovachiever/droid-tingsFonte: ovachiever/droid-tings

Animazioni a configurazione zero per React, Vue, Solid, Svelte, Preact con @formkit/auto-animate (3,28 kb). Previene più di 10 errori documentati: importazioni SSR/Next.js, genitori condizionali, chiavi mancanti, larghezza flexbox, visualizzazione tabelle, configurazione Jest/esbuild, conflitti di posizione CSS, registrazione Vue/Nuxt, Angular ESM. Utilizzare quando: animare elenchi/fisarmoniche/brindisi/moduli, risolvere errori di animazione SSR, necessità animazioni accessibili (preferisce automaticamente il movimento ridotto) o desideri transizioni drop-in senza sovraccarico del movimento.

ovachiever·auto·animate
29Installazioni·0Tendenza·@ovachiever

Installazione

GitHub: ovachiever/droid-tings
$npx skills add https://github.com/ovachiever/droid-tings --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/ovachiever/droid-tings --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: ovachiever/droid-tings.

SKILL.md

Visualizza raw

Package: @formkit/auto-animate@0.9.0 (Sept 2025) Frameworks: React, Vue, Solid, Svelte, Preact Last Updated: 2025-11-22

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 più di 10 errori documentati: importazioni SSR/Next.js, genitori condizionali, chiavi mancanti, larghezza flexbox, visualizzazione tabelle, configurazione Jest/esbuild, conflitti di posizione CSS, registrazione Vue/Nuxt, Angular ESM. Utilizzare quando: animare elenchi/fisarmoniche/brindisi/moduli, risolvere errori di animazione SSR, necessità animazioni accessibili (preferisce automaticamente il movimento ridotto) o desideri transizioni drop-in senza sovraccarico del movimento. Fonte: ovachiever/droid-tings.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

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

Browse more skills from ovachiever/droid-tings

Risposte rapide

Che cos'è auto-animate?

Animazioni a configurazione zero per React, Vue, Solid, Svelte, Preact con @formkit/auto-animate (3,28 kb). Previene più di 10 errori documentati: importazioni SSR/Next.js, genitori condizionali, chiavi mancanti, larghezza flexbox, visualizzazione tabelle, configurazione Jest/esbuild, conflitti di posizione CSS, registrazione Vue/Nuxt, Angular ESM. Utilizzare quando: animare elenchi/fisarmoniche/brindisi/moduli, risolvere errori di animazione SSR, necessità animazioni accessibili (preferisce automaticamente il movimento ridotto) o desideri transizioni drop-in senza sovraccarico del movimento. Fonte: ovachiever/droid-tings.

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/ovachiever/droid-tings --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/ovachiever/droid-tings

Dettagli

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

Skills correlate

security-auditor
367 Installazioni
react-hook-form-zod
183 Installazioni
nextjs-shadcn-builder
171 Installazioni
deep-reading-analyst
96 Installazioni
react-native-expo
77 Installazioni
threejs-graphics-optimizer
71 Installazioni