AI Loading UX
Knihovna vzorů pro indikátory AI myšlení/pokroku/streamování, se skutečným rozhodovacím rámcem, ne jen mood boardem.
Otestováno · Funguje
Co umí
Návrhová reference pro UX čekacího stavu AI: zobrazení uvažování/řetězce myšlenek, vícekrokové indikátory pokroku, stavy streamování tokenů a indikátory stavu na pozadí, každý s anatomickými diagramy, stavovými automaty, poznámkami k přístupnosti a pojmenovanými anti-vzory. Spouští se, když je explicitně požádáno o návrh nebo zlepšení UX načítání, myšlení nebo pokroku AI; ne pro obecné (ne-AI) načítací spinner.
Testovací report
Provedl jsem skutečný základní vs. dovednostní návrhový průchod pro 3krokový stav načítání výzkumného agenta: verze řízená dovedností správně klasifikovala úkol prostřednictvím svého rozhodovacího rámce (Progress Steps, nikoli Reasoning Display), vybrala rozložení Vertical List, které její referenční soubory pojmenovaly pro 3-7 kroků, a přidala specifikaci přístupnosti aria-live/role=progressbar a okrajový případ obnovení po selhání, který základní volná verze nikdy nezohlednila.
Testováno: 2026-07-16 · Claude Code 2.x (agent harness)
Instalace
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
Příkazy a ukázkové prompty
/ai-loading-uxKnihovna vzorů pro indikátory AI myšlení/pokroku/streamování, se skutečným rozhodovacím rámcem, ne jen mood boardem.
Skilly se spouštějí běžnými požadavky — žádné příkazy k zapamatování. Po instalaci ho aktivují prompty jako tyto (anglicky):
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