·loading-states
{}

loading-states

sanky369/vibe-building-skills

Concevez des états de chargement efficaces, des écrans squelettes et des états vides qui préservent la confiance des utilisateurs. À utiliser lorsque le chargement du contenu prend du temps, lors de l'affichage de la progression ou de la gestion de scénarios de données vides. Se déclenche sur "l'état de chargement", "l'écran squelette", "l'état vide", "spinner", "barre de progression", "animation de chargement", "état zéro".

17Installations·1Tendance·@sanky369

Installation

$npx skills add https://github.com/sanky369/vibe-building-skills --skill loading-states

SKILL.md

| < 100ms | No indicator needed | | 100ms - 1s | Subtle indicator (opacity change) | | 1s - 10s | Skeleton screen or spinner | | > 10s | Progress bar with estimate |

Concevez des états de chargement efficaces, des écrans squelettes et des états vides qui préservent la confiance des utilisateurs. À utiliser lorsque le chargement du contenu prend du temps, lors de l'affichage de la progression ou de la gestion de scénarios de données vides. Se déclenche sur "l'état de chargement", "l'écran squelette", "l'état vide", "spinner", "barre de progression", "animation de chargement", "état zéro". Source : sanky369/vibe-building-skills.

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/sanky369/vibe-building-skills --skill loading-states Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor

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/sanky369/vibe-building-skills --skill loading-states
Catégorie
{}Analyse de Données
Vérifié
Première apparition
2026-02-01
Mis à jour
2026-02-18

Réponses rapides

Qu'est-ce que loading-states ?

Concevez des états de chargement efficaces, des écrans squelettes et des états vides qui préservent la confiance des utilisateurs. À utiliser lorsque le chargement du contenu prend du temps, lors de l'affichage de la progression ou de la gestion de scénarios de données vides. Se déclenche sur "l'état de chargement", "l'écran squelette", "l'état vide", "spinner", "barre de progression", "animation de chargement", "état zéro". Source : sanky369/vibe-building-skills.

Comment installer loading-states ?

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/sanky369/vibe-building-skills --skill loading-states 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/sanky369/vibe-building-skills