Verwenden Sie diese Option, wenn Sie Formularfelder, Eingaben, Textbereiche, Auswahlen oder interaktive Formularelemente animieren, um die Benutzerfreundlichkeit und das Feedback zu verbessern
Installieren Sie den KI-Skill forms-inputs schnell in Ihrer Entwicklungsumgebung über die Kommandozeile
Quelle: dylantarre/animation-principles.
Apply Disney's 12 principles to forms for clear feedback and delightful interactions.
Squash & Stretch Input fields can subtly expand on focus (1-2px height). Submit button compresses on click. Checkboxes bounce on toggle.
Anticipation Label floats up before user types. Focus ring appears before content entry. Prepares user for input action.
Verwenden Sie diese Option, wenn Sie Formularfelder, Eingaben, Textbereiche, Auswahlen oder interaktive Formularelemente animieren, um die Benutzerfreundlichkeit und das Feedback zu verbessern Quelle: dylantarre/animation-principles.
Stabile Felder und Befehle für KI/Such-Zitate.
npx skills add https://github.com/dylantarre/animation-principles --skill forms-inputsVerwenden Sie diese Option, wenn Sie Formularfelder, Eingaben, Textbereiche, Auswahlen oder interaktive Formularelemente animieren, um die Benutzerfreundlichkeit und das Feedback zu verbessern 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 forms-inputs 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