·nested-card
</>

nested-card

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.

4Installazioni·1Tendenza·@ainergiz

Installazione

$npx skills add https://github.com/ainergiz/design-inspirations --skill nested-card

Come installare nested-card

Installa rapidamente la skill AI nested-card nel tuo ambiente di sviluppo tramite riga di comando

  1. Apri il terminale: Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.)
  2. Esegui il comando di installazione: Copia ed esegui questo comando: npx skills add https://github.com/ainergiz/design-inspirations --skill nested-card
  3. Verifica l'installazione: 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

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 |

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/ainergiz/design-inspirations --skill nested-card
Categoria
</>Sviluppo
Verificato
Prima apparizione
2026-02-25
Aggiornato
2026-03-10

Browse more skills from ainergiz/design-inspirations

Risposte rapide

Che cos'è nested-card?

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. Fonte: ainergiz/design-inspirations.

Come installo nested-card?

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

Dov'è il repository sorgente?

https://github.com/ainergiz/design-inspirations

Dettagli

Categoria
</>Sviluppo
Fonte
skills.sh
Prima apparizione
2026-02-25