·ai-loading-ux
*

ai-loading-ux

✓
shipshitdev/libraryGitHub: shipshitdev/libraryFonte: shipshitdev/library

Progetta il caricamento, il pensiero e l'indicatore di progresso dell'IA UX. Da utilizzare quando viene richiesto esplicitamente di migliorare gli stati di attesa dell'IA, aggiungere indicatori di pensiero o progettare l'UX di caricamento per le interfacce AI. Copre la visualizzazione del ragionamento (catena di pensiero), i passaggi di avanzamento, gli stati di streaming e l'"effetto specchio dell'ascensore" per ridurre il tempo di attesa percepito.

shipshitdev·ai·loading·ux
66Installazioni·3Tendenza·@shipshitdev

Installazione

GitHub: shipshitdev/library
$npx skills add https://github.com/shipshitdev/library --skill ai-loading-ux

Come installare ai-loading-ux

Installa rapidamente la skill AI ai-loading-ux 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/shipshitdev/library --skill ai-loading-ux
  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: shipshitdev/library.

SKILL.md

Visualizza raw

Design patterns for showing users what's happening while waiting for AI output.

| User is waiting for... | Pattern Category | Key Goal |

| AI reasoning/thinking | Reasoning Display | Build trust through transparency | | Multi-step task completion | Progress Steps | Show advancement toward goal | | Content generation/streaming | Streaming States | Reduce perceived wait time | | Background processing | Status Indicators | Confirm work is happening |

Progetta il caricamento, il pensiero e l'indicatore di progresso dell'IA UX. Da utilizzare quando viene richiesto esplicitamente di migliorare gli stati di attesa dell'IA, aggiungere indicatori di pensiero o progettare l'UX di caricamento per le interfacce AI. Copre la visualizzazione del ragionamento (catena di pensiero), i passaggi di avanzamento, gli stati di streaming e l'"effetto specchio dell'ascensore" per ridurre il tempo di attesa percepito. Fonte: shipshitdev/library.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/shipshitdev/library --skill ai-loading-ux
Fonte
shipshitdev/library
Categoria
*Creatività
Verificato
✓
Prima apparizione
2026-02-01
Aggiornato
2026-03-10
URL
https://www.learn-skills.dev/it/skills/shipshitdev/library/ai-loading-ux

Browse more skills from shipshitdev/library

Risposte rapide

Che cos'è ai-loading-ux?

Progetta il caricamento, il pensiero e l'indicatore di progresso dell'IA UX. Da utilizzare quando viene richiesto esplicitamente di migliorare gli stati di attesa dell'IA, aggiungere indicatori di pensiero o progettare l'UX di caricamento per le interfacce AI. Copre la visualizzazione del ragionamento (catena di pensiero), i passaggi di avanzamento, gli stati di streaming e l'"effetto specchio dell'ascensore" per ridurre il tempo di attesa percepito. Fonte: shipshitdev/library.

Come installo ai-loading-ux?

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/shipshitdev/library --skill ai-loading-ux 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/shipshitdev/library

Dettagli

Categoria
*Creatività
Fonte
skills.sh
Prima apparizione
2026-02-01

Skills correlate

financial-operations-expert
1.3K Installazioni
youtube-video-analyst
452 Installazioni
nestjs-testing-expert
278 Installazioni
brand-name-generator
157 Installazioni
copywriter
144 Installazioni
expo-architect
141 Installazioni