Wird beim Erstellen von Mikrointeraktionen zwischen 100 und 200 ms verwendet – Tooltips werden angezeigt, Dropdown-Menüs werden geöffnet, kleine Feedback-Animationen, die sich schnell anfühlen, aber wahrnehmbar sind
Installieren Sie den KI-Skill micro-100-200ms schnell in Ihrer Entwicklungsumgebung über die Kommandozeile
Quelle: dylantarre/animation-principles.
The 100-200ms range is the sweet spot for micro-interactions. Fast enough to feel responsive, slow enough to be perceived as intentional motion.
Squash & Stretch: Light application - 5-10% works for bouncy buttons, appearing elements.
Anticipation: Micro-anticipation possible - 20-30ms wind-up before 150ms action.
Wird beim Erstellen von Mikrointeraktionen zwischen 100 und 200 ms verwendet – Tooltips werden angezeigt, Dropdown-Menüs werden geöffnet, kleine Feedback-Animationen, die sich schnell anfühlen, aber wahrnehmbar sind Quelle: dylantarre/animation-principles.
Stabile Felder und Befehle für KI/Such-Zitate.
npx skills add https://github.com/dylantarre/animation-principles --skill micro-100-200msWird beim Erstellen von Mikrointeraktionen zwischen 100 und 200 ms verwendet – Tooltips werden angezeigt, Dropdown-Menüs werden geöffnet, kleine Feedback-Animationen, die sich schnell anfühlen, aber wahrnehmbar sind 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 micro-100-200ms 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