·loading-states
{}

loading-states

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".

25Installazioni·2Tendenza·@sanky369

Installazione

$npx skills add https://github.com/sanky369/vibe-building-skills --skill loading-states

Come installare loading-states

Installa rapidamente la skill AI loading-states nel tuo ambiente di sviluppo tramite riga di comando

  1. Apri il terminale: Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.)
  2. Esegui il comando di installazione: Copia ed esegui questo comando: npx skills add https://github.com/sanky369/vibe-building-skills --skill loading-states
  3. 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: sanky369/vibe-building-skills.

| < 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

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/sanky369/vibe-building-skills --skill loading-states
Categoria
{}Analisi
Verificato
Prima apparizione
2026-02-01
Aggiornato
2026-03-10

Browse more skills from sanky369/vibe-building-skills

Risposte rapide

Che cos'è loading-states?

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.

Come installo loading-states?

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

Dov'è il repository sorgente?

https://github.com/sanky369/vibe-building-skills