Навык Claude Code, который превращает URL сайта в ролик о запуске продукта с частотой 60 fps: видео создаётся на HTML, а звуковые эффекты синхронизируются с музыкой и добавляется размытие в движении.
Lob0Garou/opus-visual-motion-engine
Навык для coding-моделей: управляемый этапами пайплайн создания моушн-графики и видео из кода — планирование, рендеринг, автоматический QA и экспорт в MP4.
- Звёзды
- 3
- Форки
- 0
- Открытые issues
- 0
- Последний коммит
- 26 дней назад
Что это?
opus-visual-motion-engine — навык для создания моушн-графики, видео из кода, кинетической типографики, лендингов и диаграмм. Он проводит coding-модель по фиксированной последовательности этапов: составить план с ключевыми моментами и таймлайном, создать композицию на основе HTML-шаблона 1920×1080 с контрактом seek(t) и DURATION, выполнить рендеринг в headless-режиме, запустить автоматический QA, исправить проблемы и экспортировать результат в MP4, WebM или GIF с помощью ffmpeg.
Скрипт QA рендерит каждый кадр и проверяет наличие застывших или пустых кадров, недетерминированный вывод, пересечения текста, контрастность и минимальный размер шрифта, а также распространённые шаблоны дизайна, сгенерированного ИИ. Он создаёт контактный лист, ключевые кадры и report.json с данными о заполненности каждого кадра, поэтому модель без возможности анализировать изображения всё равно может оценить результат. В режиме Page также проверяются макеты для настольных устройств, мобильных устройств и тёмной темы.
В репозитории также есть скрипт score, который генерирует детерминированную фоновую музыку и звуковые эффекты по таблице аудиометок, а также скрипт audio-data, извлекающий данные о битах, атаках звука и громкости, чтобы синхронизировать анимацию со звуком.
Ключевые возможности
- 01Пайплайн от планирования до экспорта с переиспользуемым HTML-шаблоном композиции 1920×1080.
- 02Детерминированный контракт времени seek(t) с генератором случайных чисел с заданным seed и функциями easing.
- 03QA рендеринга в headless-режиме, выявляющий застывшие кадры, пересечения текста, низкую контрастность и пробелы между сценами.
- 04Экспорт видео с точностью до кадра в MP4, WebM или GIF через ffmpeg, с возможностью добавить звук.
- 05Создание оригинальной музыки и звуковых эффектов по таблице аудиометок, а также извлечение данных о битах для синхронизации анимации со звуком.
Сценарии использования
- Создание коротких моушн-роликов или шоурилов с помощью coding-агента.
- Создание видео из кода или кинетической типографики без ручного видеоредактора.
- Проверка анимации, созданной агентом, на дефекты макета и тайминга без просмотра кадров.
- Создание лендингов или диаграмм с анимированными переходами, которые проверяются автоматически.
Быстрый старт
- 1
Клонируйте репозиторий в папку skills вашего harness
git clone https://github.com/Lob0Garou/opus-visual-motion-engine ~/.dsh/skills/opus-visual-motion-engine - 2
Установите зависимости скрипта и браузер Chromium
cd ~/.dsh/skills/opus-visual-motion-engine/scripts && npm install && npx playwright install chromium - 3
Начните новый сеанс и попросите агента использовать skill, затем выполните проверку QA его результата
node scripts/qa.mjs composition.html
Что важно знать
- Это agent skill для моделей, пишущих код, поэтому для его использования нужна совместимая agent harness.
- Для экспорта требуется ffmpeg в PATH и Node 18 или новее.
- Единственный бенчмарк включает по одному запуску для каждого варианта, поэтому заявленный прирост статистически не подтверждён.
- Проект новый, у него всего 3 звезды.
Темы
Частые вопросы
- Что такое opus-visual-motion-engine?
- Навык для coding-моделей: управляемый этапами пайплайн создания моушн-графики и видео из кода — планирование, рендеринг, автоматический QA и экспорт в MP4. opus-visual-motion-engine — навык для создания моушн-графики, видео из кода, кинетической типографики, лендингов и диаграмм. Он проводит coding-модель по фиксированной последовательности этапов: составить план с ключевыми моментами и таймлайном, создать композицию на основе HTML-шаблона 1920×1080 с контрактом seek(t) и DURATION, выполнить рендеринг в headless-режиме, запустить автоматический QA, исправить проблемы и экспортировать результат в MP4, WebM или GIF с помощью ffmpeg.
- opus-visual-motion-engine можно использовать бесплатно? Какая у него лицензия?
- opus-visual-motion-engine распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
- opus-visual-motion-engine всё ещё поддерживается?
- Активно поддерживается. Последний коммит в opus-visual-motion-engine — 26 сент. 2026 г..
- Для чего можно использовать opus-visual-motion-engine?
- Создание коротких моушн-роликов или шоурилов с помощью coding-агента. Создание видео из кода или кинетической типографики без ручного видеоредактора. Проверка анимации, созданной агентом, на дефекты макета и тайминга без просмотра кадров. Создание лендингов или диаграмм с анимированными переходами, которые проверяются автоматически.
- Как установить opus-visual-motion-engine?
- Клонируйте репозиторий в папку skills вашего harness: git clone https://github.com/Lob0Garou/opus-visual-motion-engine ~/.dsh/skills/opus-visual-motion-engine Установите зависимости скрипта и браузер Chromium: cd ~/.dsh/skills/opus-visual-motion-engine/scripts && npm install && npx playwright install chromium Начните новый сеанс и попросите агента использовать skill, затем выполните проверку QA его результата: node scripts/qa.mjs composition.html
- Где скачать opus-visual-motion-engine?
- Исходный код и инструкции по установке — на GitHub: https://github.com/Lob0Garou/opus-visual-motion-engine
Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.
Похожие проекты
Создаёт по текстовому сценарию обучающее видео или демо продукта с озвучкой, синхронизацией слов и отрисовкой на canvas под управлением coding agent.
Навык агента для Claude Code и Codex, который превращает реальный интерфейс приложения в проморолики и короткие видео, смонтированные под музыку и отрендеренные локально.
Скилл для Claude Code превращает короткую тему в синхронизированный с битом моушн-ролик и рендерит его в MP4 с помощью HyperFrames.
Навык для Claude Code и Codex, который помогает создавать 30–90-секундные моушн-графические ролики с проверками качества на каждом этапе.
Набор из четырёх Agent Skills, которые учат AI-агентов для написания кода создавать моушн-графику в стиле телевизионного вещания с Remotion.