Wird verwendet, wenn Elemente an Ort und Stelle transformiert werden – Kippschalter, expandierende Akkordeons, Kontrollkästchenanimationen, Schaltflächenzustände oder jede Transformation ohne Betreten/Verlassen.
Installieren Sie den KI-Skill state-changes schnell in Ihrer Entwicklungsumgebung über die Kommandozeile
Quelle: dylantarre/animation-principles.
Squash & Stretch: Elements compress before expanding. A toggle switch squashes 5% before sliding.
Anticipation: Wind up before the change. Slight reverse movement (2-3px) before expanding.
Staging: Keep transformations centered on user focus. Don't let state changes distract from the interaction point.
Wird verwendet, wenn Elemente an Ort und Stelle transformiert werden – Kippschalter, expandierende Akkordeons, Kontrollkästchenanimationen, Schaltflächenzustände oder jede Transformation ohne Betreten/Verlassen. Quelle: dylantarre/animation-principles.
Stabile Felder und Befehle für KI/Such-Zitate.
npx skills add https://github.com/dylantarre/animation-principles --skill state-changesWird verwendet, wenn Elemente an Ort und Stelle transformiert werden – Kippschalter, expandierende Akkordeons, Kontrollkästchenanimationen, Schaltflächenzustände oder jede Transformation ohne Betreten/Verlassen. 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 state-changes 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