AI Loading UX
Et mønsterbibliotek for AI tænke/fremgang/streaming-indikatorer, med en reel beslutningsramme, ikke bare et mood board.
Testet · Virker
Hvad det gør
En designreference for AI ventetilstands-UX: ræsonnement/chain-of-thought displays, flertrins fremdriftsindikatorer, token-streaming-tilstande, og baggrundsstatusindikatorer, hver med anatomidiagrammer, tilstandsmaskiner, tilgængelighedsnoter og navngivne anti-mønstre. Triggere, når der eksplicit anmodes om at designe eller forbedre AI-loading, tænkning, eller fremdrifts-UX; ikke for generiske (ikke-AI) loading-spinnere.
Testrapport
Kørte en reel baseline-vs-skill design-gennemgang for en 3-trins research-agent loading-tilstand: den skill-guided version klassificerede korrekt opgaven via sin egen beslutningsramme (Progress Steps, ikke Reasoning Display), valgte Vertical List layoutet, som dens referencefiler navngiver for 3-7 trin, og tilføjede en aria-live/role=progressbar tilgængelighedsspecifikation og fejlgenoprettelses-edge case, som baseline aldrig overvejede.
Testet: 2026-07-16 · Claude Code 2.x (agent harness)
Installation
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
Kommandoer og eksempelprompter
/ai-loading-uxEt mønsterbibliotek for AI tænke/fremgang/streaming-indikatorer, med en reel beslutningsramme, ikke bare et mood board.
Skills udløses af almindelige forespørgsler — ingen kommandoer at huske. Efter installationen aktiverer prompter som disse skillen (på engelsk):
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