Crea tarjetas con un contenedor de degradado exterior y una tarjeta de contenido interior. Úselo al crear diseños de tarjetas premium con profundidad, diseños de tarjetas en capas o tarjetas con secciones de imágenes y secciones de contenido.
Instala rápidamente el skill de IA nested-card en tu entorno de desarrollo mediante línea de comandos
Fuente: ainergiz/design-inspirations.
Build premium card designs with an outer gradient container wrapping an inner content card, creating visual depth and separation between media and content areas.
| Outer card | | | | Background | bg-gradient-to-b from-[#e8e8ea] to-[#dcdce0] | bg-gradient-to-b from-zinc-700 to-zinc-800 | | Border | border-white/60 | border-zinc-600/40 | | Shadow | shadow-xl shadow-zinc-400/30 | shadow-xl shadow-black/50 | | Border radius | rounded-3xl | rounded-3xl | | Padding | p-2 | p-2 | | Media section | | |
| Border | border-white/40 | border-zinc-600/30 | | Border radius | rounded-2xl | rounded-2xl | | Inner card | | | | Background | bg-white | bg-zinc-900 | | Border radius | rounded-2xl | rounded-2xl | | Padding | px-5 py-4 | px-5 py-4 |
Campos y comandos estables para citas de IA/búsqueda.
npx skills add https://github.com/ainergiz/design-inspirations --skill nested-cardCrea tarjetas con un contenedor de degradado exterior y una tarjeta de contenido interior. Úselo al crear diseños de tarjetas premium con profundidad, diseños de tarjetas en capas o tarjetas con secciones de imágenes y secciones de contenido. Fuente: ainergiz/design-inspirations.
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 nested-card 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
https://github.com/ainergiz/design-inspirations