Che cos'è modals-dialogs?
Da utilizzare durante l'animazione di modali, finestre di dialogo, popover o contenuti in sovrapposizione per creare entrate e uscite fluide Fonte: dylantarre/animation-principles.
·modals-dialogs
*
modals-dialogs
✓dylantarre/animation-principlesGitHub: dylantarre/animation-principlesFonte: dylantarre/animation-principles
Da utilizzare durante l'animazione di modali, finestre di dialogo, popover o contenuti in sovrapposizione per creare entrate e uscite fluide
Installazione
Come installare modals-dialogs
Installa rapidamente la skill AI modals-dialogs nel tuo ambiente di sviluppo tramite riga di comando
- Apri il terminale: Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.)
- Esegui il comando di installazione: Copia ed esegui questo comando: npx skills add https://github.com/dylantarre/animation-principles --skill modals-dialogs
- 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: dylantarre/animation-principles.
SKILL.md
Visualizza rawApply Disney's 12 principles to modals for seamless, non-jarring transitions.
Squash & Stretch Modal can scale from 0.9 to 1.0 on enter, creating a subtle expansion feel. Exit reverses. Keep it subtle to maintain professionalism.
Anticipation Trigger element (button) should react before modal appears. Brief scale-down of trigger, then modal emerges from that point.
Da utilizzare durante l'animazione di modali, finestre di dialogo, popover o contenuti in sovrapposizione per creare entrate e uscite fluide Fonte: dylantarre/animation-principles.
Fatti (pronti per citazione)
Campi e comandi stabili per citazioni AI/ricerca.
- Comando di installazione
npx skills add https://github.com/dylantarre/animation-principles --skill modals-dialogs- Categoria
- *Creatività
- Verificato
- ✓
- Prima apparizione
- 2026-03-05
- Aggiornato
- 2026-03-11
Risposte rapide
Come installo modals-dialogs?
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/dylantarre/animation-principles --skill modals-dialogs 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/dylantarre/animation-principles
Dettagli
- Categoria
- *Creatività
- Fonte
- skills.sh
- Prima apparizione
- 2026-03-05