Emil Kowalskis Best Practices für Animationen für Webschnittstellen. Zum Schreiben, Überprüfen oder Implementieren von Animationen in React, CSS oder Framer Motion. Wird bei Aufgaben ausgelöst, die Übergänge, Lockerungen, Gesten, Toasts, Schubladen oder Bewegungen beinhalten.
Installieren Sie den KI-Skill emilkowal-animations schnell in Ihrer Entwicklungsumgebung über die Kommandozeile
Quelle: blockmatic/basilic.
Comprehensive animation guide for web interfaces based on Emil Kowalski's teachings, open-source libraries (Sonner, Vaul), and his animations.dev course. Contains 43 rules across 7 categories, prioritized by impact.
| 1 | Easing Selection | CRITICAL | ease- | | 2 | Timing & Duration | CRITICAL | timing- | | 3 | Property Selection | HIGH | props- | | 4 | Transform Techniques | HIGH | transform- | | 5 | Interaction Patterns | MEDIUM-HIGH | interact- | | 6 | Strategic Animation | MEDIUM | strategy- | | 7 | Accessibility & Polish | MEDIUM | polish- |
| cubic-bezier(0.32, 0.72, 0, 1) | iOS-style drawer/sheet animation | | scale(0.97) | Button press feedback | | scale(0.95) | Minimum enter scale (never scale(0)) | | 200ms ease-out | Standard UI transition | | 300ms | Maximum duration for UI animations | | 500ms | Drawer animation duration | | 0.11 px/ms | Velocity threshold for momentum dismiss |
Stabile Felder und Befehle für KI/Such-Zitate.
npx skills add https://github.com/blockmatic/basilic --skill emilkowal-animationsEmil Kowalskis Best Practices für Animationen für Webschnittstellen. Zum Schreiben, Überprüfen oder Implementieren von Animationen in React, CSS oder Framer Motion. Wird bei Aufgaben ausgelöst, die Übergänge, Lockerungen, Gesten, Toasts, Schubladen oder Bewegungen beinhalten. 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 emilkowal-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/blockmatic/basilic