Zur Verwendung bei der Erstellung beliebiger Animationstypen – bietet grundlegendes Timing, Beschleunigung und prinzipielle Anwendung, die auf alle Bewegungen in Benutzeroberflächen anwendbar ist.
Installieren Sie den KI-Skill universal-patterns schnell in Ihrer Entwicklungsumgebung über die Kommandozeile
Quelle: dylantarre/animation-principles.
Apply Disney's 12 principles as baseline defaults for any animation.
| Instant | 100-150ms | Hovers, toggles, micro-states | | Fast | 150-250ms | Feedback, small transitions | | Standard | 250-400ms | Modals, reveals, state changes | | Slow | 400-600ms | Page transitions, sequences | | Deliberate | 600-1000ms | Dramatic reveals, celebrations |
Zur Verwendung bei der Erstellung beliebiger Animationstypen – bietet grundlegendes Timing, Beschleunigung und prinzipielle Anwendung, die auf alle Bewegungen in Benutzeroberflächen anwendbar ist. 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 universal-patterns Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw
Stabile Felder und Befehle für KI/Such-Zitate.
npx skills add https://github.com/dylantarre/animation-principles --skill universal-patternsZur Verwendung bei der Erstellung beliebiger Animationstypen – bietet grundlegendes Timing, Beschleunigung und prinzipielle Anwendung, die auf alle Bewegungen in Benutzeroberflächen anwendbar ist. 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 universal-patterns 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