·modals-dialogs
*

modals-dialogs

Verwenden Sie diese Option zum Animieren von Modalen, Dialogen, Popovers oder Overlay-Inhalten, um reibungslose Ein- und Ausgänge zu erstellen

36Installationen·3Trend·@dylantarre

Installation

$npx skills add https://github.com/dylantarre/animation-principles --skill modals-dialogs

So installieren Sie modals-dialogs

Installieren Sie den KI-Skill modals-dialogs 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 modals-dialogs
  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 modals for seamless, non-jarring transitions.

Squash & Stretch Modal can scale from 0.9 to 1.0 on enter, creating a subtle expansion feel. Exit reverses. Keep it subtle to maintain professionalism.

Anticipation Trigger element (button) should react before modal appears. Brief scale-down of trigger, then modal emerges from that point.

Verwenden Sie diese Option zum Animieren von Modalen, Dialogen, Popovers oder Overlay-Inhalten, um reibungslose Ein- und Ausgänge zu erstellen 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 modals-dialogs
Kategorie
*Kreativität
Verifiziert
Erstes Auftreten
2026-03-05
Aktualisiert
2026-03-11

Browse more skills from dylantarre/animation-principles

Schnelle Antworten

Was ist modals-dialogs?

Verwenden Sie diese Option zum Animieren von Modalen, Dialogen, Popovers oder Overlay-Inhalten, um reibungslose Ein- und Ausgänge zu erstellen Quelle: dylantarre/animation-principles.

Wie installiere ich modals-dialogs?

Ö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 modals-dialogs 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