Verwenden Sie diese Option, wenn Sie ein UI-Element animieren, das nicht durch bestimmte Fähigkeiten abgedeckt ist, oder wenn Sie allgemeine Animationsprinzipien auf mehrere Elementtypen anwenden
Installieren Sie den KI-Skill universal-elements schnell in Ihrer Entwicklungsumgebung über die Kommandozeile
Quelle: dylantarre/animation-principles.
Apply Disney's 12 principles to any UI element for consistent, professional motion design.
Squash & Stretch Any element that responds to interaction can squash (compress on impact/press) and stretch (extend on release). Keep it subtle: 2-5% maximum for UI.
Anticipation Before any significant action, a brief preparatory motion signals what's coming. Scale down before scale up, pull back before push forward. 50-100ms duration.
Verwenden Sie diese Option, wenn Sie ein UI-Element animieren, das nicht durch bestimmte Fähigkeiten abgedeckt ist, oder wenn Sie allgemeine Animationsprinzipien auf mehrere Elementtypen anwenden Quelle: dylantarre/animation-principles.
Stabile Felder und Befehle für KI/Such-Zitate.
npx skills add https://github.com/dylantarre/animation-principles --skill universal-elementsVerwenden Sie diese Option, wenn Sie ein UI-Element animieren, das nicht durch bestimmte Fähigkeiten abgedeckt ist, oder wenn Sie allgemeine Animationsprinzipien auf mehrere Elementtypen anwenden 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-elements 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