·lists-grids
*

lists-grids

Úselo al animar listas, cuadrículas, tablas o colecciones de elementos para crear estados de orden, filtrado y carga fluidos.

36Instalaciones·2Tendencia·@dylantarre

Instalación

$npx skills add https://github.com/dylantarre/animation-principles --skill lists-grids

Cómo instalar lists-grids

Instala rápidamente el skill de IA lists-grids 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 lists-grids
  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 lists and grids for smooth, organized motion.

Squash & Stretch List items compress slightly when grabbed for reorder. Grid items can stretch when expanding to fill space on filter.

Anticipation Before list reorders, items briefly compress. Before filter removes items, they can shrink slightly. Prepares for change.

Úselo al animar listas, cuadrículas, tablas o colecciones de elementos para crear estados de orden, filtrado y carga fluidos. 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 lists-grids
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 lists-grids?

Úselo al animar listas, cuadrículas, tablas o colecciones de elementos para crear estados de orden, filtrado y carga fluidos. Fuente: dylantarre/animation-principles.

¿Cómo instalo lists-grids?

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 lists-grids 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