Открытый скил для ИИ-агента от разработчика rossark0. Он не рисует, а учит агента двигать готовый рисунок так, как это делает мультипликатор: персонаж дышит, моргает, переносит вес, а волосы и хвосты догоняют движение. Ниже - что именно скил меняет, как его поставить, что написать агенту и девять вопросов, по которым видно, живая анимация или нет.
Автор начинает с того, что агенты анимируют не как мультипликаторы. Попроси оживить персонажа - и часто получишь слайд-шоу.
| Как агент делает обычно | Что требует скил |
|---|---|
| Меняет одну картинку на другую, лицо перескакивает из выражения в выражение | Ничего не телепортируется: зрачок скользит, веко опускается, всё переходит плавно |
| Каждая поза со своим отдельным переходом, тело замирает в каждой позе | Позы перетекают друг в друга без остановки, через ключевые позы идёт одна плавная линия |
| Всё движется одновременно, как машина | Вся сцена считается от одних часов, а хвостовые части - волосы, хвост, предплечье - отстают на долю секунды |
| Части сдвигаются по прямой | Каждая часть поворачивается вокруг своего настоящего шарнира: голова у шеи, стебель у основания, дверь на петле |
| В паузе всё стоит | Даже в «неподвижной» позе есть дыхание, лёгкое покачивание и моргание |
| Моргание мелькает, всё пружинит | Моргание длится достаточно кадров, амплитуды маленькие, изгибы скорости сильные, без лишних отскоков |
| Файл | Зачем |
|---|---|
SKILL.md | Сам скил: 12 принципов, рецепты для разных объектов, живое лицо, игра всего тела, сцены, движение в интерфейсе, частые ошибки, работа по видео-образцу и порядок работы |
MOTION.md | Заметки проекта. Кладёшь рядом со своими рисунками и заполняешь вторую часть: где код, твои правила, что твой рисунок не умеет. Скил читает этот файл первым, и твои правила главнее его умолчаний |
motion.ts, Motion.swift | Движок для React Native и SwiftUI: часы для бесконечной жизни и для разовой сцены, ключевые позы, волны, плавные кривые |
liveFace.tsx, LiveFace.swift | Живые глаза и рот: скользят, моргают, улыбаются. Даёшь им форму и цвета |
sheet.sh, track_edges.py, sample_colors.py | Инструменты для видео-образца: листы кадров, замер мелкого движения по краям фигуры, точные цвета с кадра |
demo/ | Четыре сцены из ролика, рамка телефона и рендер в MP4 и GIF |
Что можно оживлять, по списку автора: персонажей и существ, растения, ткань, огонь, дым, воду, погоду, свет, механизмы, транспорт, иконки, логотипы, графики и целые сцены.
Автор даёт одну команду. Её запускают в терминале, в папке проекта:
npx skills@latest add rossark0/rossark-motion-skillnpx идёт вместе с ним.MOTION.md. Скопируй файл из скила рядом со своими рисунками и заполни вторую часть.
Если файла нет, скил велит агенту самому скопировать его и дописывать по ходу работы.Скил срабатывает, когда просишь оживить иллюстрацию, иконку, маскота или сцену, добавить движение в покое или повторить движение из видео. Формулировки ниже - наши, подставь своё.
Оживи персонажа из файла hero.svg для экрана приветствия в приложении на React Native.
Одно главное действие: он машет рукой. Плюс дыхание и моргание в паузе.
Сначала прочитай MOTION.md, потом покажи лист кадров своего рендера.Вот видео-образец ref.mp4. Сделай так же для нашей совы:
сначала измерь движение по кадрам, запиши такты с началом и концом в миллисекундах,
потом собери анимацию и положи рядом с образцом для сравнения.Логотип в шапке сайта: проиграй один раз при появлении и остановись.
Без бесконечных циклов, с учётом настройки «уменьшить движение».Это чек-лист автора, мы его перевели. Им можно проверить любую анимацию персонажа, не только сделанную скилом.
Для движения в интерфейсе скил опирается на правила Эмиля Ковальски и «Family values» Бенджи Тейлора. Главное из них - чем чаще человек видит элемент, тем меньше он должен двигаться.
| Как часто видят | Сколько движения |
|---|---|
| Сотни раз в день | Никакой анимации: горячие клавиши, набор текста, прокрутка списка |
| Десятки раз в день | Минимальная быстрая смена: наведение, вкладки, переключатели |
| Время от времени | Обычный переход: всплывающие панели, уведомления, смена экрана |
| Редко | Полная радость: персонажи, сцены, история - на приветствии, наградах, пустых экранах |
Ещё оттуда: интерфейсные движения держать короче 300 мс, уход делать быстрее появления, ничего не выращивать из нуля.
Первоисточник: github.com/rossark0/rossark-motion-skill, лицензия MIT.
Мы учим двум вещам: делать AI-видео и работать с Claude так, чтобы он закрывал реальные задачи бизнеса. У меня есть бесплатный разбор на полтора часа - смотреть можно сразу после регистрации.
Смотреть разбор