Che cos'è timing-calibration?
Da utilizzare quando la velocità dell'animazione sembra sbagliata: troppo veloce, troppo lenta o incoerente Fonte: dylantarre/animation-principles.
·timing-calibration
*
timing-calibration
✓dylantarre/animation-principlesGitHub: dylantarre/animation-principlesFonte: dylantarre/animation-principles
Da utilizzare quando la velocità dell'animazione sembra sbagliata: troppo veloce, troppo lenta o incoerente
Installazione
Come installare timing-calibration
Installa rapidamente la skill AI timing-calibration 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 timing-calibration
- 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 rawTiming Issue: Duration doesn't match action type Fix: Micro-interactions: 100-150ms. Transitions: 200-400ms. Complex reveals: 400-600ms. Never exceed 1s for UI.
Slow In and Slow Out Issue: Linear timing feels mechanical Fix: Use easing. Ease-out for entrances (fast start, soft landing). Ease-in for exits (soft start, quick finish).
Arcs Issue: Straight-line motion at wrong speed Fix: Curved paths need more time than straight paths. Increase duration for arc motion.
Da utilizzare quando la velocità dell'animazione sembra sbagliata: troppo veloce, troppo lenta o incoerente 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 timing-calibration- Categoria
- *Creatività
- Verificato
- ✓
- Prima apparizione
- 2026-03-05
- Aggiornato
- 2026-03-10
Risposte rapide
Come installo timing-calibration?
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 timing-calibration 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