Verwenden Sie es beim Erstellen von Standardanimationen zwischen 300 und 500 ms – Seitenübergänge, wesentliche Änderungen an der Benutzeroberfläche, animierte Illustrationen, die eine klare Kommunikation erfordern
Installieren Sie den KI-Skill medium-300-500ms schnell in Ihrer Entwicklungsumgebung über die Kommandozeile
Quelle: dylantarre/animation-principles.
The 300-500ms range is standard animation territory. Long enough to be watched, short enough to not impede flow. The workhorse duration for meaningful motion.
Squash & Stretch: Full expression - visible deformation for bouncing, elastic elements. 15-25% stretch feels natural.
Anticipation: Clear preparation - 80-120ms anticipation before main action. Pull back before push forward.
Verwenden Sie es beim Erstellen von Standardanimationen zwischen 300 und 500 ms – Seitenübergänge, wesentliche Änderungen an der Benutzeroberfläche, animierte Illustrationen, die eine klare Kommunikation erfordern Quelle: dylantarre/animation-principles.
Stabile Felder und Befehle für KI/Such-Zitate.
npx skills add https://github.com/dylantarre/animation-principles --skill medium-300-500msVerwenden Sie es beim Erstellen von Standardanimationen zwischen 300 und 500 ms – Seitenübergänge, wesentliche Änderungen an der Benutzeroberfläche, animierte Illustrationen, die eine klare Kommunikation erfordern 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 medium-300-500ms 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