Quadro decisionale per la scelta tra curve di allentamento e molle. Da utilizzare quando si implementano animazioni, si esegue il debug di movimenti che sembrano errati o si scelgono funzioni di temporizzazione. Trigger su attività che coinvolgono transizioni CSS, cubic-bezier, fisica primaverile, animazioni di gesti o configurazione della libreria di movimento.
Installa rapidamente la skill AI to-spring-or-not-to-spring nel tuo ambiente di sviluppo tramite riga di comando
Fonte: raphaelsalaja/userinterface-wiki.
Easing curves and springs are not interchangeable—they come from different ways of thinking about motion and play different roles in an interface.
Ask: Is this motion reacting to the user, or is the system speaking?
| User-driven (drag, flick, gesture) | Spring | Survives interruption, preserves velocity | | System-driven (state change, feedback) | Easing | Clear start/end, predictable timing | | Time representation (progress, loading) | Linear | 1:1 relationship between time and progress |
Quadro decisionale per la scelta tra curve di allentamento e molle. Da utilizzare quando si implementano animazioni, si esegue il debug di movimenti che sembrano errati o si scelgono funzioni di temporizzazione. Trigger su attività che coinvolgono transizioni CSS, cubic-bezier, fisica primaverile, animazioni di gesti o configurazione della libreria di movimento. Fonte: raphaelsalaja/userinterface-wiki.
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/raphaelsalaja/userinterface-wiki --skill to-spring-or-not-to-springQuadro decisionale per la scelta tra curve di allentamento e molle. Da utilizzare quando si implementano animazioni, si esegue il debug di movimenti che sembrano errati o si scelgono funzioni di temporizzazione. Trigger su attività che coinvolgono transizioni CSS, cubic-bezier, fisica primaverile, animazioni di gesti o configurazione della libreria di movimento. Fonte: raphaelsalaja/userinterface-wiki.
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/raphaelsalaja/userinterface-wiki --skill to-spring-or-not-to-spring 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/raphaelsalaja/userinterface-wiki