vibe-motion skills
Семнадцать скиллов для motion-графики: агент рисует зацикленные 3D-сцены, заставки и ролики через Remotion, Three.js и Python.
- 1 631 ★ репозитория
- Последний коммит
Расширенный доступ
Почему такой уровень
- Скиллы запускают скрипты рендера, ставят пакеты и клонируют сторонние репозитории, после чего выполняют их код.
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add skills/vibe-motion-skillsОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемРасширенный доступИнструмент запускает код или ходит в сеть, а внешние данные только читает.
- Скиллы запускают скрипты рендера, ставят пакеты и клонируют сторонние репозитории, после чего выполняют их код.
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Репозиторий собирает скиллы для генерации анимации и коротких роликов кодом. Каждый скилл лежит в своем каталоге с `SKILL.md`, а многие дополняют скрипты и шаблоны. Устанавливаются они одной командой `npx skills add vibe-motion/skills`, при этом скрипт интерактивный: пробелом отмечают нужные скиллы и свой агент, например Claude Code. Скиллы делятся на несколько видов. Одни делают готовые эффекты: `perspective-illusion` создает зацикленную 3D-сцену с японской перспективной иллюзией, `colorize` проводит переход из черно-белого в цветное, `light-spotlight-render` открывает текст движущимся лучом, а `claude-typer` превращает промпт в анимацию набора в стиле Claude Code. Другие строят графики и сцены на Remotion: `remotion-candlestick` рисует анимированный свечной график, `remotion-vinyl-player` проигрыватель пластинок, `remotion-3d-ticker` стену из фотографий. Третьи клонируют отдельные проекты и рендерят их, например `threejs-earth-render` с Puppeteer. `brand-launch-video-star` собирает ролик на 15–30 секунд о бренде по настоящим материалам сайта, `disney-animation-rule-skill` применяет двенадцать принципов анимации Disney к анимации в коде.
Для кого. Дизайнерам, разработчикам и авторам контента, которые делают анимацию для лендингов, соцсетей и презентаций и хотят поручить агенту сборку, рендер и подгонку параметров.
Подходит, если
- Для запуска продукта нужен ролик на 15–30 секунд из логотипа, цветов и снимков официального сайта.
- Промпт должен превратиться в демонстрацию набора текста в терминале в стиле Claude Code.
- Фотографии нужно показать бесконечной 3D-стеной или логотип превратить в анимированный SVG.
- Анимация, написанная кодом, выглядит жестко, и ее проверяют по двенадцати принципам Disney.
- Для цен на акции нужен анимированный свечной график с данными Yahoo Finance.
Не подходит, если
- Нужен готовый видеомонтаж по съемке: скиллы создают анимацию кодом, а не монтируют отснятое.
- Не хочется ставить Remotion, Puppeteer, Three.js или Python: скиллы опираются на них.
- Проект коммерческий, а исходные материалы идут с лицензией CC BY-NC или CC BY-SA: проверьте условия.
Пример запроса к агенту
Используй brand-launch-video-star и сделай по сайту example.com ролик на 15 секунд, 16:9, на английском, с настоящим логотипом и быстрым монтажом.Ограничения
Описание и примеры в README написаны по-китайски, есть и английская версия. Многие скиллы клонируют отдельные репозитории и рендерят их: `threejs-earth-render` с Puppeteer, `3d-chladni-render`, `wechat-2d-render` и `fisheye-motion`. Нужны Node.js, Python и соответствующие пакеты. Установщик интерактивный, и для каждого агента скиллы лежат в своем каталоге. Предпросмотр 3D Chladni выпущен по лицензии CC BY-NC 4.0, а движок занавеса адаптирован под CC BY-SA 4.0. Автор требует, чтобы каждый GIF в репозитории был меньше 1 МБ.
Как отключить. Удалите каталоги ненужных скиллов из папки скиллов агента, например из `~/.claude/skills`, и откройте новую сессию.
Частые вопросы
Как установить скиллы?
`npx skills add vibe-motion/skills`. Это интерактивный скрипт: пробелом выбирают скиллы, автор советует поставить все, и отмечают агента, например Claude Code, потому что пути у агентов разные.
Что умеет brand-launch-video-star?
Делает ролик на 15–30 секунд по официальному сайту или присланным снимкам. Сначала проверяет логотип, шрифты, цвета и данные о продукте, затем строит сюжет и покадровую раскладку. По умолчанию английский, 16:9 и 15 секунд.
Какие скиллы работают на Remotion?
`remotion-candlestick`, `remotion-3d-ticker`, `remotion-vinyl-player` и `fisheye-motion`. Последний клонирует проект fisheye-motion и рендерит эффект рыбьего глаза.
Что делает pixel2motion?
Превращает логотип из PNG, JPG или WebP в плавный SVG, затем создает анимацию бренда, интерактивную HTML-страницу, превью GIF или видео и материалы для проверки движения.
Есть ли скилл без рендера?
`disney-animation-rule-skill`: он применяет двенадцать принципов анимации к коду на Web, SVG, Canvas, React, Remotion и в играх, а рендер не запускает.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
СкиллыMotion Skills для ИИ-агентов
motion-skills
Более 50 открытых скиллов для моушн-графики, анимации и видео: кинетическая типографика, графики, объяснялки, TikTok и Reels, WebGL, Manim
Девять скиллов по моушн-дизайну для Claude Code: тайминг, цвет, композиция, After Effects, Remotion, логотипы и фоны.
Пятнадцать скиллов для Claude Code: запуск продукта, анимированные графики и рилсы целиком из кода, без After Effects
Набор для моушн-дизайна с агентом: правила с цифрами, самопроверка по кадрам и синтез звука, плюс веб-симуляции в 60 к/с
motion-video-production — скилл для моушн-роликов
motion-video-production
Скилл ведет агента через семь этапов для ролика на 15–90 секунд: скрипт проверяет каждый этап, следующий ждет
Скилл для DeepSeek и других моделей: по промпту делает Remotion-ролик почти как Claude Opus 5.5, с планом, звуком и самопроверкой
Коротко о README
README перечисляет скиллы с анимированными примерами и правилами для вкладчиков: перед PR все GIF сжимают до 1 МБ, лучше до 250 КБ. Отдельно упомянут проект с симуляцией стаи рыб, который скиллом не считается.