·stacked-cards
</>

stacked-cards

Crea pilas de cartas en abanico/en cascada horizontalmente con un orden de índice z adecuado y animaciones de elevación flotante. Úselo al crear navegadores de álbumes, abanicos de tarjetas, vistas previas apiladas o cualquier colección de tarjetas superpuestas.

4Instalaciones·1Tendencia·@ainergiz

Instalación

$npx skills add https://github.com/ainergiz/design-inspirations --skill stacked-cards

Cómo instalar stacked-cards

Instala rápidamente el skill de IA stacked-cards 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/ainergiz/design-inspirations --skill stacked-cards
  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: ainergiz/design-inspirations.

SKILL.md

Ver original

Build horizontally cascading card stacks where cards overlap in order, with hover animations that lift cards in place without breaking the cascade.

Why? DOM order determines stacking when z-index values are the same within a parent. By rendering in reverse, the first logical card is the last DOM element, appearing on top.

Why? When you change z-index on hover, the card jumps to the front, breaking the visual illusion of a physical stack. Real cards lift UP in place while staying behind cards in front.

Crea pilas de cartas en abanico/en cascada horizontalmente con un orden de índice z adecuado y animaciones de elevación flotante. Úselo al crear navegadores de álbumes, abanicos de tarjetas, vistas previas apiladas o cualquier colección de tarjetas superpuestas. Fuente: ainergiz/design-inspirations.

Datos (listos para citar)

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

Comando de instalación
npx skills add https://github.com/ainergiz/design-inspirations --skill stacked-cards
Categoría
</>Desarrollo
Verificado
Primera vez visto
2026-02-25
Actualizado
2026-03-10

Browse more skills from ainergiz/design-inspirations

Respuestas rápidas

¿Qué es stacked-cards?

Crea pilas de cartas en abanico/en cascada horizontalmente con un orden de índice z adecuado y animaciones de elevación flotante. Úselo al crear navegadores de álbumes, abanicos de tarjetas, vistas previas apiladas o cualquier colección de tarjetas superpuestas. Fuente: ainergiz/design-inspirations.

¿Cómo instalo stacked-cards?

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/ainergiz/design-inspirations --skill stacked-cards 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/ainergiz/design-inspirations

Detalles

Categoría
</>Desarrollo
Fuente
skills.sh
Primera vez visto
2026-02-25