·ai-loading-ux
*

ai-loading-ux

shipshitdev/library

Concevoir le chargement, la réflexion et l'indicateur de progression de l'IA UX. À utiliser lorsque cela est explicitement demandé pour améliorer les états d'attente de l'IA, ajouter des indicateurs de réflexion ou concevoir le chargement de l'UX pour les interfaces d'IA. Couvre l'affichage du raisonnement (chaîne de pensée), les étapes de progression, les états de streaming et « l'effet miroir d'ascenseur » pour réduire le temps d'attente perçu.

36Installations·0Tendance·@shipshitdev

Installation

$npx skills add https://github.com/shipshitdev/library --skill ai-loading-ux

SKILL.md

Design patterns for showing users what's happening while waiting for AI output.

| User is waiting for... | Pattern Category | Key Goal |

| AI reasoning/thinking | Reasoning Display | Build trust through transparency | | Multi-step task completion | Progress Steps | Show advancement toward goal | | Content generation/streaming | Streaming States | Reduce perceived wait time | | Background processing | Status Indicators | Confirm work is happening |

Concevoir le chargement, la réflexion et l'indicateur de progression de l'IA UX. À utiliser lorsque cela est explicitement demandé pour améliorer les états d'attente de l'IA, ajouter des indicateurs de réflexion ou concevoir le chargement de l'UX pour les interfaces d'IA. Couvre l'affichage du raisonnement (chaîne de pensée), les étapes de progression, les états de streaming et « l'effet miroir d'ascenseur » pour réduire le temps d'attente perçu. Source : shipshitdev/library.

Voir l'original

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/shipshitdev/library --skill ai-loading-ux
Catégorie
*Créativité
Vérifié
Première apparition
2026-02-01
Mis à jour
2026-02-18

Réponses rapides

Qu'est-ce que ai-loading-ux ?

Concevoir le chargement, la réflexion et l'indicateur de progression de l'IA UX. À utiliser lorsque cela est explicitement demandé pour améliorer les états d'attente de l'IA, ajouter des indicateurs de réflexion ou concevoir le chargement de l'UX pour les interfaces d'IA. Couvre l'affichage du raisonnement (chaîne de pensée), les étapes de progression, les états de streaming et « l'effet miroir d'ascenseur » pour réduire le temps d'attente perçu. Source : shipshitdev/library.

Comment installer ai-loading-ux ?

Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/shipshitdev/library --skill ai-loading-ux Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor

Où se trouve le dépôt source ?

https://github.com/shipshitdev/library