| < 100ms | No indicator needed | | 100ms - 1s | Subtle indicator (opacity change) | | 1s - 10s | Skeleton screen or spinner | | > 10s | Progress bar with estimate |
Progetta stati di caricamento, schermate scheletriche e stati vuoti efficaci che mantengano la fiducia degli utenti. Da utilizzare quando il caricamento del contenuto richiede tempo, quando si mostrano progressi o si gestiscono scenari di dati vuoti. Si attiva su "stato di caricamento", "schermo scheletro", "stato vuoto", "spinner", "barra di avanzamento", "animazione di caricamento", "stato zero". Fonte: sanky369/vibe-building-skills.
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/sanky369/vibe-building-skills --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