AI Loading UX
Biblioteka wzorców dla wskaźników myślenia/postępu/strumieniowania AI, z rzeczywistym frameworkiem decyzyjnym, a nie tylko mood boardem.
Testowano · Działa
Co robi ten skill
Referencja projektowa dla UX stanu oczekiwania AI: wyświetlanie rozumowania/łańcucha myśli, wieloetapowe wskaźniki postępu, stany strumieniowania tokenów i wskaźniki statusu w tle, każdy z diagramami anatomii, maszynami stanów, uwagami dotyczącymi dostępności i nazwanymi anty-wzorcami. Aktywuje się, gdy wyraźnie poproszony o zaprojektowanie lub ulepszenie UX ładowania, myślenia lub postępu AI; nie dla generycznych (nie-AI) spinnerów ładowania.
Raport z testu
Przeprowadzono rzeczywisty podstawowy vs umiejętność projektowania dla 3-etapowego stanu ładowania agenta badawczego: wersja prowadzona przez umiejętność poprawnie sklasyfikowała zadanie za pomocą własnego frameworka decyzyjnego (Progress Steps, a nie Reasoning Display), wybrała układ Vertical List, który jej pliki referencyjne nazwały dla 3-7 kroków, i dodała specyfikację dostępności aria-live/role=progressbar oraz przypadek brzegowy odzyskiwania po błędzie, którego podstawowa swobodna wersja nigdy nie rozważała.
Testowano: 2026-07-16 · Claude Code 2.x (agent harness)
Instalacja
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
Komendy i przykładowe prompty
/ai-loading-uxBiblioteka wzorców dla wskaźników myślenia/postępu/strumieniowania AI, z rzeczywistym frameworkiem decyzyjnym, a nie tylko mood boardem.
Skille uruchamiają się na zwykłe polecenia — bez komend do zapamiętania. Po instalacji aktywują go prompty takie jak te (po angielsku):
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