Bonnes pratiques d'animation d'Emil Kowalski pour les interfaces Web. À utiliser lors de l'écriture, de la révision ou de l'implémentation d'animations dans React, CSS ou Framer Motion. Se déclenche sur des tâches impliquant des transitions, des assouplissements, des gestes, des toasts, des tiroirs ou des mouvements.
Installez rapidement le skill IA emilkowal-animations dans votre environnement de développement via la ligne de commande
Source : 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 |
Champs et commandes stables pour les citations IA/recherche.
npx skills add https://github.com/blockmatic/basilic --skill emilkowal-animationsBonnes pratiques d'animation d'Emil Kowalski pour les interfaces Web. À utiliser lors de l'écriture, de la révision ou de l'implémentation d'animations dans React, CSS ou Framer Motion. Se déclenche sur des tâches impliquant des transitions, des assouplissements, des gestes, des toasts, des tiroirs ou des mouvements. Source : blockmatic/basilic.
Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/blockmatic/basilic --skill emilkowal-animations Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw
https://github.com/blockmatic/basilic