Лучшие практики Эмиля Ковальски по анимации для веб-интерфейсов. Используйте при написании, просмотре или реализации анимации в React, CSS или Framer Motion. Запускается при выполнении задач, связанных с переходами, замедлением, жестами, всплывающими уведомлениями, ящиками или движением.
Быстро установите AI-навык emilkowal-animations в вашу среду разработки через командную строку
Источник: 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 |
Стабильные поля и команды для ссылок в AI/поиске.
npx skills add https://github.com/blockmatic/basilic --skill emilkowal-animationsЛучшие практики Эмиля Ковальски по анимации для веб-интерфейсов. Используйте при написании, просмотре или реализации анимации в React, CSS или Framer Motion. Запускается при выполнении задач, связанных с переходами, замедлением, жестами, всплывающими уведомлениями, ящиками или движением. Источник: blockmatic/basilic.
Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/blockmatic/basilic --skill emilkowal-animations После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw
https://github.com/blockmatic/basilic