·ux-animation-motion
*

ux-animation-motion

Modelli di animazione che utilizzano Anime.js v4 per feedback, transizioni e celebrazioni dell'interfaccia utente. Da utilizzare quando si implementano effetti al passaggio del mouse, transizioni, animazioni di caricamento o feedback di gamification. Include la gestione del movimento ridotta. (progetto)

5Installazioni·0Tendenza·@matthewharwood

Installazione

$npx skills add https://github.com/matthewharwood/fantasy-phonics --skill ux-animation-motion

Come installare ux-animation-motion

Installa rapidamente la skill AI ux-animation-motion 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/matthewharwood/fantasy-phonics --skill ux-animation-motion
  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: matthewharwood/fantasy-phonics.

Animation system using Anime.js v4 for responsive, accessible UI motion. This skill covers animation patterns, timing, and reduced motion support.

Note: Project uses import maps to resolve animejs to local nodemodules.

| Button press | 100ms | easeOutQuad | | Toggle switch | 150ms | easeOutQuad | | Dropdown open | 200ms | easeOutQuad | | Modal appear | 200-300ms | easeOutBack | | Page transition | 300-500ms | easeInOutQuad | | Success celebration | 400-600ms | easeOutBack |

Modelli di animazione che utilizzano Anime.js v4 per feedback, transizioni e celebrazioni dell'interfaccia utente. Da utilizzare quando si implementano effetti al passaggio del mouse, transizioni, animazioni di caricamento o feedback di gamification. Include la gestione del movimento ridotta. (progetto) Fonte: matthewharwood/fantasy-phonics.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/matthewharwood/fantasy-phonics --skill ux-animation-motion
Categoria
*Creatività
Verificato
Prima apparizione
2026-02-01
Aggiornato
2026-03-10

Browse more skills from matthewharwood/fantasy-phonics

Risposte rapide

Che cos'è ux-animation-motion?

Modelli di animazione che utilizzano Anime.js v4 per feedback, transizioni e celebrazioni dell'interfaccia utente. Da utilizzare quando si implementano effetti al passaggio del mouse, transizioni, animazioni di caricamento o feedback di gamification. Include la gestione del movimento ridotta. (progetto) Fonte: matthewharwood/fantasy-phonics.

Come installo ux-animation-motion?

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/matthewharwood/fantasy-phonics --skill ux-animation-motion 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/matthewharwood/fantasy-phonics