Verwenden Sie diese Option, wenn Elemente auf dem Bildschirm angezeigt werden müssen – Seitenladevorgänge, Öffnen von Modalitäten, hinzugefügte Elemente, Offenlegung von Inhalten oder Animationen, die „in Sicht kommen“.
Installieren Sie den KI-Skill entrance-animations schnell in Ihrer Entwicklungsumgebung über die Kommandozeile
Quelle: dylantarre/animation-principles.
Squash & Stretch: Scale from 95% to 100% on entry. Elements feel elastic, not rigid.
Anticipation: Start slightly below/smaller than final position. A -10px offset before sliding up creates expectation.
Staging: Enter from the direction of user attention. New list items from the top, modals from center, sidebars from their edge.
Verwenden Sie diese Option, wenn Elemente auf dem Bildschirm angezeigt werden müssen – Seitenladevorgänge, Öffnen von Modalitäten, hinzugefügte Elemente, Offenlegung von Inhalten oder Animationen, die „in Sicht kommen“. Quelle: dylantarre/animation-principles.
Stabile Felder und Befehle für KI/Such-Zitate.
npx skills add https://github.com/dylantarre/animation-principles --skill entrance-animationsVerwenden Sie diese Option, wenn Elemente auf dem Bildschirm angezeigt werden müssen – Seitenladevorgänge, Öffnen von Modalitäten, hinzugefügte Elemente, Offenlegung von Inhalten oder Animationen, die „in Sicht kommen“. 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 entrance-animations 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