Набор из 13–15 навыков Claude Code для создания моушн-графики и промороликов кодом с рендерингом кадров в MP4 без After Effects.
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
Установите skill одной командой
npx skills add alchaincyf/huashu-motion - 2
Проверьте среду и найдите недостающие компоненты
om doctor - 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 обновляется ежедневно.
Похожие проекты
Набор из 55 устанавливаемых навыков для AI-агентов, которые помогают создавать моушн-графику, анимацию и видеопроцессы.
Браузер для вас и AI-агентов: агенты выполняют задачи в изолированных Spaces, не затрагивая ваши вкладки и аккаунты.
Навык для Claude Code и Codex, который превращает страницы продукта в кинематографичные проморолики, создавая видео на Remotion, а не с помощью генеративного ИИ.
Навыки для агентов, которые помогают создавать автономные HTML-каркасы, интерактивные прототипы, планы и диаграммы.
Набор навыков для Claude Code, которые создают видео — каждый кадр и музыкальную дорожку генерируют в коде, отдельный навык для каждого визуального стиля.