Was ist cards-containers?
Verwenden Sie es beim Animieren von Karten, Panels, Kacheln oder Containerelementen, um Tiefe und Interaktivität zu erzeugen Quelle: dylantarre/animation-principles.
Verwenden Sie es beim Animieren von Karten, Panels, Kacheln oder Containerelementen, um Tiefe und Interaktivität zu erzeugen
Installieren Sie den KI-Skill cards-containers schnell in Ihrer Entwicklungsumgebung über die Kommandozeile
Quelle: dylantarre/animation-principles.
Apply Disney's 12 principles to cards and containers for engaging, dimensional interfaces.
Squash & Stretch Cards can subtly compress on drag-start and stretch when released. Keep it minimal: 2-3% scale change maximum.
Anticipation Before expanding a card to detail view, briefly scale down (0.98) for 50ms, then expand. Prepares user for the transformation.
Verwenden Sie es beim Animieren von Karten, Panels, Kacheln oder Containerelementen, um Tiefe und Interaktivität zu erzeugen Quelle: dylantarre/animation-principles.
Stabile Felder und Befehle für KI/Such-Zitate.
npx skills add https://github.com/dylantarre/animation-principles --skill cards-containersVerwenden Sie es beim Animieren von Karten, Panels, Kacheln oder Containerelementen, um Tiefe und Interaktivität zu erzeugen Quelle: dylantarre/animation-principles.
Ö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/dylantarre/animation-principles --skill cards-containers 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/dylantarre/animation-principles