CodeariaAcademy
GitHub-репозиторийкоммит в этом месяцеДизайнРазработка

Emil Kowalski Skills

44k

13 скиллов, которые учат агента вкусу в интерфейсах: правильные кривые, длительности и точки опоры анимаций, строгое ревью движения и мелочи, из-за которых веб-приложение ощущается нативным. От автора тостов Sonner, MIT.

Сами не запускали: описание по документации и репозиторию.

В цифрах

скиллов в репозитории
установок на skills.sh на 30.09.2026
потолок для UI-анимации в правилах ревью
лицензия

Что это

Агент пишет анимацию, которая работает, но ощущается чуть не так: выпадающее меню появляется через ease-in, всплывает из центра, а не от кнопки, и тянется полсекунды. Emil Kowalski Skills это набор из 13 скиллов, где дизайн-инженер, работавший в Vercel и Linear, выписал такие ошибки и правила против них. Одни скиллы строят анимацию с нуля, другие ревьюят и аудируют уже написанное, третьи подсказывают название эффекта или подбирают библиотеку под задачу.

От сборников «сделай красиво» он отличается тем, что правила конкретные и проверяемые: какие свойства можно анимировать, какой бюджет времени у элемента интерфейса, когда анимацию лучше убрать совсем. Это пригодится тем, кто собирает интерфейс с Claude Code или Cursor без отдельного моушн-дизайнера и хочет, чтобы продукт не выглядел как очередная сгенерированная страница.

Как устроено

npx skills add
npx skills@latest add emilkowalski/skills ставит весь набор; флаг --skill apple-design берёт один скилл.
emil-design-eng
Главный скилл: философия полировки интерфейса и ревью в виде таблицы «было / стало / почему». Самый популярный в наборе, 310,4 тыс. установок.
animate · animate-expo
Строят анимацию с нуля по порядку решений: нужна ли она, какие свойства, кривая, длительность, прерывание. Второй вариант для React Native и Expo.
review · improve · find
review-animations проверяет движение по 10 обязательным стандартам, improve-animations и find-animation-opportunities только читают код и пишут план правок.
apple-design · mobile-native
Принципы Apple из докладов WWDC, переложенные на веб, и мелкие правки, из-за которых сайт на телефоне ведёт себя как приложение: 100vh, зум полей ввода, safe area.

Знать до установки

Видеоскилла, который обещают в рилсах про «анимации кодом», здесь нет: скиллы про движение в интерфейсе, а не про ролики.
review-animations, prototype и pick-ui-library сами не срабатывают, их нужно вызывать явно.
Правила отражают вкус одного автора и заточены под React; write-swift и ask-sonner к анимациям в вебе не относятся.

Комментарии