Erstellt horizontal gefächerte/kaskadierende Kartenstapel mit der richtigen Z-Index-Reihenfolge und Hover-Lift-Animationen. Zum Erstellen von Albumbrowsern, Kartenfächern, gestapelten Vorschauen oder überlappenden Kartensammlungen.
Installieren Sie den KI-Skill stacked-cards schnell in Ihrer Entwicklungsumgebung über die Kommandozeile
Quelle: ainergiz/design-inspirations.
Build horizontally cascading card stacks where cards overlap in order, with hover animations that lift cards in place without breaking the cascade.
Why? DOM order determines stacking when z-index values are the same within a parent. By rendering in reverse, the first logical card is the last DOM element, appearing on top.
Why? When you change z-index on hover, the card jumps to the front, breaking the visual illusion of a physical stack. Real cards lift UP in place while staying behind cards in front.
Erstellt horizontal gefächerte/kaskadierende Kartenstapel mit der richtigen Z-Index-Reihenfolge und Hover-Lift-Animationen. Zum Erstellen von Albumbrowsern, Kartenfächern, gestapelten Vorschauen oder überlappenden Kartensammlungen. Quelle: ainergiz/design-inspirations.
Stabile Felder und Befehle für KI/Such-Zitate.
npx skills add https://github.com/ainergiz/design-inspirations --skill stacked-cardsErstellt horizontal gefächerte/kaskadierende Kartenstapel mit der richtigen Z-Index-Reihenfolge und Hover-Lift-Animationen. Zum Erstellen von Albumbrowsern, Kartenfächern, gestapelten Vorschauen oder überlappenden Kartensammlungen. 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 stacked-cards 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