AI Loading UX

Et mønsterbibliotek for AI-tenke-/fremdrifts-/streaming-indikatorer, med et ekte beslutningsrammeverk, ikke bare et stemningsbrett.

av rohunvora · rohunvora/cool-claude-skills

Bestått ★ 9.2/10

AI Loading UX — Et mønsterbibliotek for AI-tenke-/fremdrifts-/streaming-indikatorer, med et ekte beslutningsrammeverk, ikke bare et stemningsbrett.

Hva den gjør

En designreferanse for AI-ventetilstand UX: resonnering/tankerekke-visninger, flerstegs fremdriftsindikatorer, token-streaming-tilstander, og bakgrunnsstatusindikatorer, hver med anatomidiagrammer, tilstandsmaskiner, tilgjengelighetsnotater og navngitte anti-mønstre. Utløses når det eksplisitt blir bedt om å designe eller forbedre AI-lasting, tenking, eller fremdrifts UX; ikke for generiske (ikke-AI) lastespinnere.

Testrapport

Kjørte en ekte grunnlinje-vs-skill design-gjennomgang for en 3-stegs research-agent lastetilstand: den skill-styrte versjonen klassifiserte korrekt oppgaven via sitt eget beslutningsrammeverk (Fremdriftstrinn, ikke Resonneringsvisning), valgte Vertikal Liste-layouten som sine referansefiler for 3-7 trinn, og la til en aria-live/role=progressbar tilgjengelighetsspesifikasjon og feilgjenopprettings-edge case som grunnlinjen friform aldri vurderte.

Testet på: 2026-07-16 · Claude Code 2.x (agent harness)

Installer

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-tenke-/fremdrifts-/streaming-indikatorer, med et ekte beslutningsrammeverk, ikke bare et stemningsbrett.

Skills utløses av vanlige forespørsler — ingen kommandoer å huske. Etter installasjonen aktiverer prompter som disse skillen (på engelsk):

Design the loading state for my 3-step AI research agent
What's the best way to show token streaming progress in my chat UI?
Pick an accessible progress indicator pattern for my AI pipeline

Full rapport →