AI Loading UX
Een patroonbibliotheek voor AI denk-/voortgangs-/streamingindicatoren, met een echt beslissingskader, niet alleen een moodboard.
Getest · Werkt
Wat het doet
Een ontwerpreferentie voor AI wachttijd-UX: redenerings-/keten-van-gedachten displays, meerstaps voortgangsindicatoren, token-streaming staten, en achtergrondstatusindicatoren, elk met anatomiediagrammen, toestandsautomaten, toegankelijkheidsnotities en benoemde anti-patronen. Triggers wanneer expliciet gevraagd wordt om AI-laad-, denk- of voortgangs-UX te ontwerpen of te verbeteren; niet voor generieke (niet-AI) laad-spinners.
Testrapport
Een echte basis-vs-skill ontwerp-pas uitgevoerd voor een 3-staps onderzoeksagent laadstatus: de door de skill geleide versie classificeerde de taak correct via zijn eigen beslissingskader (Voortgangsstappen, niet Redeneringsdisplay), koos de Verticale Lijst lay-out die zijn referentiebestand benoemt voor 3-7 stappen, en voegde een aria-live/role=progressbar toegankelijkheids-specificatie en een foutherstel-randgeval toe dat de vrije vorm basis nooit overwoog.
Getest op: 2026-07-16 · Claude Code 2.x (agent harness)
Installatie
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
Commando's en voorbeeldprompts
/ai-loading-uxEen patroonbibliotheek voor AI denk-/voortgangs-/streamingindicatoren, met een echt beslissingskader, niet alleen een moodboard.
Skills reageren op gewone verzoeken — geen commando's om te onthouden. Na installatie activeren prompts zoals deze de skill (in het Engels):
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