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.
Installieren Sie den KI-Skill nested-card schnell in Ihrer Entwicklungsumgebung über die Kommandozeile
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 |
Stabile Felder und Befehle für KI/Such-Zitate.
npx skills add https://github.com/ainergiz/design-inspirations --skill nested-cardErstellt 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.
Ö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
https://github.com/ainergiz/design-inspirations