Verwenden Sie diese Option, wenn Sie Maus-Hover-Effekte erstellen – Schaltflächenhervorhebungen, Kartenaufzüge, Link-Unterstreichungen, Bildzooms oder jede durch den Zeiger ausgelöste Animation.
Installieren Sie den KI-Skill hover-interactions schnell in Ihrer Entwicklungsumgebung über die Kommandozeile
Quelle: dylantarre/animation-principles.
Squash & Stretch: Cards can subtly scale (1.02-1.05) on hover, creating "lift" effect.
Anticipation: Hover IS anticipation for click. The hover state previews the interaction.
Staging: Hover effects should highlight the interactive element, not distract from it.
Verwenden Sie diese Option, wenn Sie Maus-Hover-Effekte erstellen – Schaltflächenhervorhebungen, Kartenaufzüge, Link-Unterstreichungen, Bildzooms oder jede durch den Zeiger ausgelöste Animation. Quelle: dylantarre/animation-principles.
Stabile Felder und Befehle für KI/Such-Zitate.
npx skills add https://github.com/dylantarre/animation-principles --skill hover-interactionsVerwenden Sie diese Option, wenn Sie Maus-Hover-Effekte erstellen – Schaltflächenhervorhebungen, Kartenaufzüge, Link-Unterstreichungen, Bildzooms oder jede durch den Zeiger ausgelöste Animation. 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 hover-interactions 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