Le migliori pratiche di animazione di Emil Kowalski per le interfacce web. Da utilizzare durante la scrittura, la revisione o l'implementazione di animazioni in React, CSS o Framer Motion. Trigger su attività che coinvolgono transizioni, facilitazioni, gesti, toast, cassetti o movimento.
Installa rapidamente la skill AI emilkowal-animations nel tuo ambiente di sviluppo tramite riga di comando
Fonte: 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 |
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/blockmatic/basilic --skill emilkowal-animationsLe migliori pratiche di animazione di Emil Kowalski per le interfacce web. Da utilizzare durante la scrittura, la revisione o l'implementazione di animazioni in React, CSS o Framer Motion. Trigger su attività che coinvolgono transizioni, facilitazioni, gesti, toast, cassetti o movimento. Fonte: blockmatic/basilic.
Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/blockmatic/basilic --skill emilkowal-animations Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw
https://github.com/blockmatic/basilic