AI Loading UX
Una libreria di pattern per indicatori di pensiero/progresso/streaming AI, con un vero framework decisionale, non solo un mood board.
Promosso
Cosa fa
Un riferimento di progettazione per l'UX dello stato di attesa AI: display di ragionamento/catena di pensiero, indicatori di progresso multi-step, stati di streaming di token e indicatori di stato in background, ciascuno con diagrammi di anatomia, macchine a stati, note di accessibilità e anti-pattern nominati. Si attiva quando viene esplicitamente richiesto di progettare o migliorare l'UX di caricamento, pensiero o progresso AI; non per spinner di caricamento generici (non AI).
Rapporto di test
Eseguito un vero passaggio di progettazione base vs abilità per uno stato di caricamento di un agente di ricerca a 3 passaggi: la versione guidata dall'abilità ha classificato correttamente l'attività tramite il suo framework decisionale (Progress Steps, non Reasoning Display), ha scelto il layout Vertical List che i nomi dei file di riferimento indicano per 3-7 passaggi, e ha aggiunto una specifica di accessibilità aria-live/role=progressbar e un caso limite di recupero fallimenti che la base di riferimento a formato libero non ha mai considerato.
Testato il: 2026-07-16 · Claude Code 2.x (agent harness)
Installazione
git clone https://github.com/rohunvora/cool-claude-skills cd cool-claude-skills mkdir -p ~/.claude/skills cp -r skills/ai-loading-ux ~/.claude/skills/ai-loading-ux
Comandi e prompt di esempio
/ai-loading-uxUna libreria di pattern per indicatori di pensiero/progresso/streaming AI, con un vero framework decisionale, non solo un mood board.
Gli skill si attivano con richieste in linguaggio naturale, senza comandi da ricordare. Dopo l'installazione, prompt come questi lo attivano (in inglese):
Design the loading state for my 3-step AI research agentWhat's the best way to show token streaming progress in my chat UI?Pick an accessible progress indicator pattern for my AI pipeline