AI Loading UX

Une bibliothèque de modèles pour les indicateurs de réflexion/progrès/streaming IA, avec un véritable cadre de décision, pas juste un mood board.

par rohunvora · rohunvora/cool-claude-skills

Testé · Fonctionne ★ 9.2/10

AI Loading UX — Une bibliothèque de modèles pour les indicateurs de réflexion/progrès/streaming IA, avec un véritable cadre de décision, pas juste un mood board.

Ce que fait

Une référence de conception pour l'UX des états d'attente IA : affichages de raisonnement/chaîne de pensée, indicateurs de progrès multi-étapes, états de streaming de jetons et indicateurs de statut en arrière-plan, chacun avec des diagrammes d'anatomie, des machines à états, des notes d'accessibilité et des anti-modèles nommés. Se déclenche lorsqu'on demande explicitement de concevoir ou d'améliorer l'UX de chargement, de réflexion ou de progression de l'IA ; pas pour des spinners de chargement génériques (non IA).

Rapport de test

A effectué une véritable passe de conception de base vs compétence pour un état de chargement d'agent de recherche en 3 étapes : la version guidée par la compétence a correctement classifié la tâche via son propre cadre de décision (Étapes de Progrès, pas Affichage de Raisonnement), a choisi la disposition Liste Verticale nommée dans ses fichiers de référence pour 3-7 étapes, et a ajouté une spécification d'accessibilité aria-live/role=progressbar et un cas limite de récupération d'échec que la base de référence libre n'avait jamais envisagé.

Testé le: 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

Commandes et exemples de prompts

/ai-loading-uxUne bibliothèque de modèles pour les indicateurs de réflexion/progrès/streaming IA, avec un véritable cadre de décision, pas juste un mood board.

Les skills se déclenchent sur des demandes en langage courant — aucune commande à retenir. Après installation, des prompts comme ceux-ci l'activent (en anglais) :

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

Rapport complet →