·loaders-spinners
*

loaders-spinners

Úselo al crear indicadores de carga, controles giratorios, barras de progreso o pantallas de esqueleto para comunicar el estado del sistema.

37Instalaciones·2Tendencia·@dylantarre

Instalación

$npx skills add https://github.com/dylantarre/animation-principles --skill loaders-spinners

Cómo instalar loaders-spinners

Instala rápidamente el skill de IA loaders-spinners en tu entorno de desarrollo mediante línea de comandos

  1. Abrir Terminal: Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.)
  2. Ejecutar comando de instalación: Copia y ejecuta este comando: npx skills add https://github.com/dylantarre/animation-principles --skill loaders-spinners
  3. Verificar instalación: 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, Cursor u OpenClaw

Fuente: dylantarre/animation-principles.

SKILL.md

Ver original

Apply Disney's 12 principles to loading indicators for engaging, informative wait experiences.

Squash & Stretch Bouncing dot loaders should squash on landing, stretch while rising. Creates life-like, playful motion.

Anticipation Before progress completes, bar can briefly pause or slow. Spinners can decelerate before stopping. Signals completion coming.

Úselo al crear indicadores de carga, controles giratorios, barras de progreso o pantallas de esqueleto para comunicar el estado del sistema. Fuente: dylantarre/animation-principles.

Datos (listos para citar)

Campos y comandos estables para citas de IA/búsqueda.

Comando de instalación
npx skills add https://github.com/dylantarre/animation-principles --skill loaders-spinners
Categoría
*Creatividad
Verificado
Primera vez visto
2026-03-05
Actualizado
2026-03-10

Browse more skills from dylantarre/animation-principles

Respuestas rápidas

¿Qué es loaders-spinners?

Úselo al crear indicadores de carga, controles giratorios, barras de progreso o pantallas de esqueleto para comunicar el estado del sistema. Fuente: dylantarre/animation-principles.

¿Cómo instalo loaders-spinners?

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/dylantarre/animation-principles --skill loaders-spinners 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, Cursor u OpenClaw

¿Dónde está el repositorio de origen?

https://github.com/dylantarre/animation-principles