Da utilizzare per indicare l'avanzamento o l'attesa: elementi rotanti, barre di avanzamento, schermate scheletriche, effetti luccicanti o qualsiasi animazione che mostri il funzionamento del sistema.
Installa rapidamente la skill AI loading-states nel tuo ambiente di sviluppo tramite riga di comando
Fonte: dylantarre/animation-principles.
Squash & Stretch: Progress indicators can pulse/breathe to show life. Slight scale oscillation (0.98-1.02).
Anticipation: Show loading state immediately on action. Don't wait for slow response to show spinner.
Staging: Loading indicators appear where content will be. Skeleton screens match final layout.
Da utilizzare per indicare l'avanzamento o l'attesa: elementi rotanti, barre di avanzamento, schermate scheletriche, effetti luccicanti o qualsiasi animazione che mostri il funzionamento del sistema. Fonte: dylantarre/animation-principles.
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/dylantarre/animation-principles --skill loading-statesDa utilizzare per indicare l'avanzamento o l'attesa: elementi rotanti, barre di avanzamento, schermate scheletriche, effetti luccicanti o qualsiasi animazione che mostri il funzionamento del sistema. Fonte: dylantarre/animation-principles.
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 loading-states 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/dylantarre/animation-principles