Modelli di animazione e best practice per le applicazioni Next.js/React. Usa questa abilità quando implementi animazioni, transizioni, effetti al passaggio del mouse, transizioni di pagina, modali o qualsiasi movimento nei componenti React. Basato sul corso "Animazioni sul Web" di Emil Kowalski.
Installa rapidamente la skill AI animate nel tuo ambiente di sviluppo tramite riga di comando
Fonte: delphi-ai/animate-skill.
This skill provides comprehensive guidance for implementing smooth, performant, and accessible animations in Next.js and React applications. It covers CSS animations, Framer Motion, easing principles, and accessibility considerations.
| Element entering | ease-out | 200-300ms | | Element moving on screen | ease-in-out | 200-300ms | | Element exiting | ease-in | 150-200ms | | Hover effects | ease | 150ms | | Opacity only | linear | varies |
Complete working examples from the course are in the examples/ directory:
Modelli di animazione e best practice per le applicazioni Next.js/React. Usa questa abilità quando implementi animazioni, transizioni, effetti al passaggio del mouse, transizioni di pagina, modali o qualsiasi movimento nei componenti React. Basato sul corso "Animazioni sul Web" di Emil Kowalski. Fonte: delphi-ai/animate-skill.
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/delphi-ai/animate-skill --skill animateModelli di animazione e best practice per le applicazioni Next.js/React. Usa questa abilità quando implementi animazioni, transizioni, effetti al passaggio del mouse, transizioni di pagina, modali o qualsiasi movimento nei componenti React. Basato sul corso "Animazioni sul Web" di Emil Kowalski. Fonte: delphi-ai/animate-skill.
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/delphi-ai/animate-skill --skill 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
https://github.com/delphi-ai/animate-skill