loading-states
✓Diseñe estados de carga efectivos, pantallas esqueléticas y estados vacíos que mantengan la confianza del usuario. Úselo cuando el contenido tarda en cargarse, cuando muestra el progreso o maneja escenarios de datos vacíos. Se activa en "estado de carga", "pantalla esqueleto", "estado vacío", "spinner", "barra de progreso", "animación de carga", "estado cero".
Instalación
SKILL.md
| < 100ms | No indicator needed | | 100ms - 1s | Subtle indicator (opacity change) | | 1s - 10s | Skeleton screen or spinner | | > 10s | Progress bar with estimate |
Diseñe estados de carga efectivos, pantallas esqueléticas y estados vacíos que mantengan la confianza del usuario. Úselo cuando el contenido tarda en cargarse, cuando muestra el progreso o maneja escenarios de datos vacíos. Se activa en "estado de carga", "pantalla esqueleto", "estado vacío", "spinner", "barra de progreso", "animación de carga", "estado cero". Fuente: sanky369/vibe-building-skills.
Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/sanky369/vibe-building-skills --skill loading-states Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code o Cursor
Datos (listos para citar)
Campos y comandos estables para citas de IA/búsqueda.
- Comando de instalación
npx skills add https://github.com/sanky369/vibe-building-skills --skill loading-states- Categoría
- {}Análisis de Datos
- Verificado
- ✓
- Primera vez visto
- 2026-02-01
- Actualizado
- 2026-02-18
Respuestas rápidas
¿Qué es loading-states?
Diseñe estados de carga efectivos, pantallas esqueléticas y estados vacíos que mantengan la confianza del usuario. Úselo cuando el contenido tarda en cargarse, cuando muestra el progreso o maneja escenarios de datos vacíos. Se activa en "estado de carga", "pantalla esqueleto", "estado vacío", "spinner", "barra de progreso", "animación de carga", "estado cero". Fuente: sanky369/vibe-building-skills.
¿Cómo instalo loading-states?
Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/sanky369/vibe-building-skills --skill loading-states Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code o Cursor
¿Dónde está el repositorio de origen?
https://github.com/sanky369/vibe-building-skills
Detalles
- Categoría
- {}Análisis de Datos
- Fuente
- skills.sh
- Primera vez visto
- 2026-02-01