Repolode
alchaincyf

alchaincyf/huashu-motion

Навык агента для Claude Code / Codex, который превращает описание продукта в презентационный ролик коммерческого уровня: собирает его из кода, добавляет музыку и позволяет редактировать отдельные элементы кликами.

Звёзды
780
Форки
77
Открытые issues
0
Последний коммит
вчера

Что это?

huashu-motion — навык агента для создания презентационных роликов продуктов. Попросите своего coding-агента сделать 30-секундный ролик о запуске, и он изучит продукт, предложит визуальные концепции, составит план по времени и соберёт ролик в виде одной HTML-страницы с помощью GSAP, Canvas, Three.js или SVG. Генеративные модели видео не используются: каждый кадр задаётся кодом и временем.

В проект входит браузерная студия: можно кликнуть по кадру, оставить комментарий, а агент внесёт изменение только в указанное место. Музыку можно написать в нотации ABC и воспроизвести с помощью сэмплированных инструментов либо сгенерировать на основе встроенных стилей-запасных вариантов; звуковые эффекты синхронизируются с моментами завершения анимации. Для озвучки можно использовать системные голоса, Kokoro или собственную запись с выравниванием по словам.

Результат можно экспортировать в MP4, MOV с прозрачностью, WebM, GIF или в виде HTML-страницы, которой можно поделиться. Для работы нужны Node 22+, Chrome и FFmpeg; проект протестирован на macOS.

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

  • 01Превращает описание продукта в полноценный презентационный ролик, собранный в виде одной HTML-страницы.
  • 02Редактирование в браузерной студии: кликните по элементу и оставьте комментарий, а агент изменит только выбранный элемент.
  • 03Музыка на основе нотации ABC, воспроизводимая с помощью сэмплированных инструментов; предусмотрена встроенная музыка на случай сбоя.
  • 04Звуковые эффекты синхронизируются с кадрами завершения анимации.
  • 05Озвучка системными голосами, через Kokoro или собственной записью с выравниванием по словам.
  • 06Экспорт в MP4, MOV с прозрачностью, WebM, GIF или в виде HTML-страницы, которой можно поделиться.

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

  • Создание 30-секундного презентационного ролика для программного продукта или приложения без видеоредактора.
  • Превращение CSV-набора данных в объясняющий ролик с озвучкой и анимированными графиками.
  • Подготовка вертикальных версий (1080x1920) уже готового ролика.
  • Добавление нижних титров, карточек с числами и субтитров поверх видео с говорящей головой в виде прозрачного слоя.

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

  1. 1

    Установите skill одной командой

    npx skills add alchaincyf/huashu-motion
  2. 2

    Проверьте среду и найдите недостающие компоненты

    om doctor
  3. 3

    Запустите демонстрацию из комплекта, чтобы увидеть, как всё работает

    om demo

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

  • На практике тестировалось только на macOS.
  • Требуются локально установленные Node 22 или новее, Chrome и FFmpeg.
  • Не может создавать реальных людей или видеосъёмку в реальном времени; визуальные элементы рисуются программно.

Темы

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

Что такое huashu-motion?
Навык агента для Claude Code / Codex, который превращает описание продукта в презентационный ролик коммерческого уровня: собирает его из кода, добавляет музыку и позволяет редактировать отдельные элементы кликами. huashu-motion — навык агента для создания презентационных роликов продуктов. Попросите своего coding-агента сделать 30-секундный ролик о запуске, и он изучит продукт, предложит визуальные концепции, составит план по времени и соберёт ролик в виде одной HTML-страницы с помощью GSAP, Canvas, Three.js или SVG. Генеративные модели видео не используются: каждый кадр задаётся кодом и временем.
huashu-motion можно использовать бесплатно? Какая у него лицензия?
huashu-motion распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
huashu-motion всё ещё поддерживается?
Активно поддерживается. Последний коммит в huashu-motion — 19 окт. 2026 г..
Для чего можно использовать huashu-motion?
Создание 30-секундного презентационного ролика для программного продукта или приложения без видеоредактора. Превращение CSV-набора данных в объясняющий ролик с озвучкой и анимированными графиками. Подготовка вертикальных версий (1080x1920) уже готового ролика. Добавление нижних титров, карточек с числами и субтитров поверх видео с говорящей головой в виде прозрачного слоя.
Как установить huashu-motion?
Установите skill одной командой: npx skills add alchaincyf/huashu-motion Проверьте среду и найдите недостающие компоненты: om doctor Запустите демонстрацию из комплекта, чтобы увидеть, как всё работает: om demo
Где скачать huashu-motion?
Исходный код и инструкции по установке — на GitHub: https://github.com/alchaincyf/huashu-motion

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты