Che cos'è small-200-300ms?
Da utilizzare quando si creano piccole transizioni tra 200 e 300 ms: aspetti modali, espansioni di carte, transizioni di navigazione che gli utenti percepiscono consapevolmente Fonte: dylantarre/animation-principles.
·small-200-300ms
*
small-200-300ms
✓dylantarre/animation-principlesGitHub: dylantarre/animation-principlesFonte: dylantarre/animation-principles
Da utilizzare quando si creano piccole transizioni tra 200 e 300 ms: aspetti modali, espansioni di carte, transizioni di navigazione che gli utenti percepiscono consapevolmente
Installazione
Come installare small-200-300ms
Installa rapidamente la skill AI small-200-300ms 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 small-200-300ms
- 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 rawAt 200-300ms, users consciously perceive motion. This duration bridges micro-interactions and full animations - ideal for UI state changes.
Squash & Stretch: Visible but restrained - 10-15% for playful interfaces, 5% for professional.
Anticipation: Brief wind-up works - 40-60ms preparation enhances 200ms main action.
Da utilizzare quando si creano piccole transizioni tra 200 e 300 ms: aspetti modali, espansioni di carte, transizioni di navigazione che gli utenti percepiscono consapevolmente 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 small-200-300ms- Categoria
- *Creatività
- Verificato
- ✓
- Prima apparizione
- 2026-03-05
- Aggiornato
- 2026-03-11
Risposte rapide
Come installo small-200-300ms?
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 small-200-300ms 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