Crea schede con un contenitore del gradiente esterno e una scheda del contenuto interno. Utilizzalo quando crei progetti di carte premium con profondità, layout di carte a più livelli o carte con sezioni di immagini e sezioni di contenuto.
Installa rapidamente la skill AI nested-card nel tuo ambiente di sviluppo tramite riga di comando
Fonte: 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 |
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/ainergiz/design-inspirations --skill nested-cardCrea schede con un contenitore del gradiente esterno e una scheda del contenuto interno. Utilizzalo quando crei progetti di carte premium con profondità, layout di carte a più livelli o carte con sezioni di immagini e sezioni di contenuto. Fonte: ainergiz/design-inspirations.
Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/ainergiz/design-inspirations --skill nested-card Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw
https://github.com/ainergiz/design-inspirations