Was ist small-200-300ms?
Verwenden Sie es beim Erstellen kleiner Übergänge zwischen 200 und 300 ms – modale Erscheinungsbilder, Kartenerweiterungen, Navigationsübergänge, die Benutzer bewusst wahrnehmen Quelle: dylantarre/animation-principles.
Verwenden Sie es beim Erstellen kleiner Übergänge zwischen 200 und 300 ms – modale Erscheinungsbilder, Kartenerweiterungen, Navigationsübergänge, die Benutzer bewusst wahrnehmen
Installieren Sie den KI-Skill small-200-300ms schnell in Ihrer Entwicklungsumgebung über die Kommandozeile
Quelle: dylantarre/animation-principles.
At 200-300ms, users consciously perceive motion. This duration bridges micro-interactions and full animations - ideal for UI state changes.
Squash & Stretch: Visible but restrained - 10-15% for playful interfaces, 5% for professional.
Anticipation: Brief wind-up works - 40-60ms preparation enhances 200ms main action.
Verwenden Sie es beim Erstellen kleiner Übergänge zwischen 200 und 300 ms – modale Erscheinungsbilder, Kartenerweiterungen, Navigationsübergänge, die Benutzer bewusst wahrnehmen Quelle: dylantarre/animation-principles.
Stabile Felder und Befehle für KI/Such-Zitate.
npx skills add https://github.com/dylantarre/animation-principles --skill small-200-300msVerwenden Sie es beim Erstellen kleiner Übergänge zwischen 200 und 300 ms – modale Erscheinungsbilder, Kartenerweiterungen, Navigationsübergänge, die Benutzer bewusst wahrnehmen 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 small-200-300ms 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