kaventro/motion-designer

Что это?

Ключевые возможности

• 01Воссоздаёт реальный интерфейс приложения в HTML, чтобы поместить его в рамку устройства или окно.
• 02Синхронизирует движение с ритмом музыки и нарезает её с точностью до такта.
• 03Перед рендерингом проверяет кадры на таймеры, случайные числа и ошибки зацикливания.
• 04Рендерит видео в формате H.264 с помощью headless Chrome и ffmpeg, а также создаёт зацикленное видео без звука и постер.
• 05Добавляет закадровый голос с помощью локальных моделей, например Chatterbox или Kokoro; голос сводится с уровнем -16 LUFS, а музыка становится тише под ним.

Сценарии использования

• Создать 30-секундный проморолик для сайта iOS- или desktop-приложения.
• Сделать короткую сюжетную рекламу с персонажем и призывом зарегистрироваться.
• Смонтировать проморолик так, чтобы ключевой момент совпал с дропом в треке.
• Создавать видео с данными или объясняющие ролики на основе кода, а не в видеоредакторе.

Быстрый старт

1. 1

   Установите skill для Claude Code

   npx skills add kaventro/motion-designer
2. 2

   Проверьте, какие инструменты установлены на этой машине

   bash skills/motion-designer/scripts/doctor.sh
3. 3

   Запустите skill в репозитории своего приложения

   /motion-designer

Что важно знать

• !Для рендеринга видео заранее установите Node 22 или новее, Chrome, ffmpeg и Python 3.
• !Оригинальная музыка (около 11 ГБ) и модели озвучивания (около 4 ГБ и больше) — необязательные, но большие загрузки.

Темы

Частые вопросы

Что такое motion-designer?

Навык агента для Claude Code и Codex, который превращает реальный интерфейс приложения в проморолики и короткие видео, смонтированные под музыку и отрендеренные локально. motion-designer — навык агента, который создаёт проморолики, титры, объясняющие ролики, видео с данными и графику под музыку на основе кода. Он воссоздаёт интерфейс приложения в HTML, помещает его в рамку iPhone или окно ноутбука, синхронизирует движения с ритмом музыки, проверяет результат покадрово и рендерит видео с помощью headless Chrome и ffmpeg.

motion-designer можно использовать бесплатно? Какая у него лицензия?

motion-designer распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.

motion-designer всё ещё поддерживается?

Активно поддерживается. Последний коммит в motion-designer — 1 окт. 2026 г..

Для чего можно использовать motion-designer?

Создать 30-секундный проморолик для сайта iOS- или desktop-приложения. Сделать короткую сюжетную рекламу с персонажем и призывом зарегистрироваться. Смонтировать проморолик так, чтобы ключевой момент совпал с дропом в треке. Создавать видео с данными или объясняющие ролики на основе кода, а не в видеоредакторе.

Как установить motion-designer?

Установите skill для Claude Code: npx skills add kaventro/motion-designer Проверьте, какие инструменты установлены на этой машине: bash skills/motion-designer/scripts/doctor.sh Запустите skill в репозитории своего приложения: /motion-designer

Где скачать motion-designer?

Исходный код и инструкции по установке — на GitHub: https://github.com/kaventro/motion-designer