Create engaging, intuitive interactions through motion, feedback, and thoughtful state transitions that enhance usability and delight users.
| 100-150ms | Micro-feedback (hovers, clicks) | | 200-300ms | Small transitions (toggles, dropdowns) | | 300-500ms | Medium transitions (modals, page changes) | | 500ms+ | Complex choreographed animations |
Entwerfen und implementieren Sie Mikrointeraktionen, Bewegungsdesign, Übergänge und Benutzer-Feedback-Muster. Verwenden Sie es, wenn Sie den UI-Interaktionen den letzten Schliff verleihen, Ladezustände implementieren oder angenehme Benutzererlebnisse schaffen möchten. Quelle: blockmatic/basilic.
Ö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/blockmatic/basilic --skill interaction-design Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw