·motion-animation-patterns
*

motion-animation-patterns

Utilizza questa abilità per implementare animazioni Motion (Framer Motion) nelle applicazioni React. Copre le preimpostazioni di animazione, le transizioni di pagina, le animazioni modali, gli effetti di sfalsamento degli elenchi, le interazioni al passaggio del mouse, i caricatori scheletrici e i modelli di animazione compatibili con RTL.

30Installazioni·0Tendenza·@yonatangross

Installazione

$npx skills add https://github.com/yonatangross/orchestkit --skill motion-animation-patterns

Come installare motion-animation-patterns

Installa rapidamente la skill AI motion-animation-patterns 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/yonatangross/orchestkit --skill motion-animation-patterns
  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: yonatangross/orchestkit.

This skill provides comprehensive guidance for implementing Motion (Framer Motion) animations in React 19 applications. It ensures consistent, performant, and accessible animations across the UI using centralized animation presets.

All animations MUST use the centralized animations.ts presets. This ensures:

| Preset | Duration | Ease | Use For |

Utilizza questa abilità per implementare animazioni Motion (Framer Motion) nelle applicazioni React. Copre le preimpostazioni di animazione, le transizioni di pagina, le animazioni modali, gli effetti di sfalsamento degli elenchi, le interazioni al passaggio del mouse, i caricatori scheletrici e i modelli di animazione compatibili con RTL. Fonte: yonatangross/orchestkit.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

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

Browse more skills from yonatangross/orchestkit

Risposte rapide

Che cos'è motion-animation-patterns?

Utilizza questa abilità per implementare animazioni Motion (Framer Motion) nelle applicazioni React. Copre le preimpostazioni di animazione, le transizioni di pagina, le animazioni modali, gli effetti di sfalsamento degli elenchi, le interazioni al passaggio del mouse, i caricatori scheletrici e i modelli di animazione compatibili con RTL. Fonte: yonatangross/orchestkit.

Come installo motion-animation-patterns?

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/yonatangross/orchestkit --skill motion-animation-patterns 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/yonatangross/orchestkit