·nested-card
</>

nested-card

Erstellt Karten mit einem äußeren Farbverlaufsbehälter und einer inneren Inhaltskarte. Verwenden Sie es, wenn Sie hochwertige Kartendesigns mit Tiefe, mehrschichtige Kartenlayouts oder Karten mit Bildabschnitten und Inhaltsabschnitten erstellen.

4Installationen·1Trend·@ainergiz

Installation

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

So installieren Sie nested-card

Installieren Sie den KI-Skill nested-card schnell in Ihrer Entwicklungsumgebung über die Kommandozeile

  1. Terminal öffnen: Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Installationsbefehl ausführen: Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/ainergiz/design-inspirations --skill nested-card
  3. Installation überprüfen: Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

Quelle: 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 |

Fakten (zitierbereit)

Stabile Felder und Befehle für KI/Such-Zitate.

Installationsbefehl
npx skills add https://github.com/ainergiz/design-inspirations --skill nested-card
Kategorie
</>Entwicklung
Verifiziert
Erstes Auftreten
2026-02-25
Aktualisiert
2026-03-10

Browse more skills from ainergiz/design-inspirations

Schnelle Antworten

Was ist nested-card?

Erstellt Karten mit einem äußeren Farbverlaufsbehälter und einer inneren Inhaltskarte. Verwenden Sie es, wenn Sie hochwertige Kartendesigns mit Tiefe, mehrschichtige Kartenlayouts oder Karten mit Bildabschnitten und Inhaltsabschnitten erstellen. Quelle: ainergiz/design-inspirations.

Wie installiere ich nested-card?

Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/ainergiz/design-inspirations --skill nested-card Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

Wo ist das Quell-Repository?

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

Details

Kategorie
</>Entwicklung
Quelle
skills.sh
Erstes Auftreten
2026-02-25