·cards-containers
*

cards-containers

Verwenden Sie es beim Animieren von Karten, Panels, Kacheln oder Containerelementen, um Tiefe und Interaktivität zu erzeugen

39Installationen·3Trend·@dylantarre

Installation

$npx skills add https://github.com/dylantarre/animation-principles --skill cards-containers

So installieren Sie cards-containers

Installieren Sie den KI-Skill cards-containers 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/dylantarre/animation-principles --skill cards-containers
  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: 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.

Fakten (zitierbereit)

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

Installationsbefehl
npx skills add https://github.com/dylantarre/animation-principles --skill cards-containers
Kategorie
*Kreativität
Verifiziert
Erstes Auftreten
2026-03-05
Aktualisiert
2026-03-11

Browse more skills from dylantarre/animation-principles

Schnelle Antworten

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.

Wie installiere ich cards-containers?

Ö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

Wo ist das Quell-Repository?

https://github.com/dylantarre/animation-principles