Набор устанавливаемых скиллов, которые помогают AI-агентам писать код и работать с моушн-дизайном, After Effects, видео в Remotion, анимацией логотипов и фоновыми анимациями.
whaleyxbt/claude-motion
Набор инструментов для моушн-дизайна, с которым coding agents вроде Claude Code создают видео на Remotion: сцены по таймлайну, визуальная проверка и звуковой движок на Python.
Open source альтернатива:After Effects
- Звёзды
- 496
- Форки
- 63
- Открытые issues
- 0
- Последний коммит
- 11 дней назад
Что это?
claude-motion — набор инструментов, с которым coding agents создают моушн-графику и короткие видео. Он дополняет Remotion правилами дизайна, процессом самопроверки и звуковым движком, чтобы агент знал не только API, но и как выстраивать темп анимации, паузы и текст, а также проверять результат.
Рабочий процесс строится вокруг файла timeline.json, где каждому ритмическому акценту соответствует именованная временная отметка. Сцены, звуковые сигналы и этапы проверки используют этот файл, поэтому при изменении тайминга видео меняются и тайминг аудио и проверки. Агент рендерит черновик, создаёт контактный лист с кадром и временной отметкой для каждого акцента, а затем исправляет найденные проблемы.
Второй конвейер в sims/ рендерит автономные веб-страницы на three.js в видео MP4 с частотой 60 fps, используя headless Chromium и ffmpeg. Звуковой движок написан на чистом Python, использует только стандартную библиотеку и не требует сэмплов; он также нормализует громкость результата до заданного уровня.
Ключевые возможности
- 01Правила моушн-дизайна с конкретными кривыми easing, пресетами пружин и значениями тайминга.
- 02Цикл самопроверки: агент просматривает контактные листы покадрово.
- 03Звуковой движок на Python создаёт эффекты без сэмплов и сводит их по таймлайну видео.
- 04Единый JSON-таймлайн для сцен, звука и проверок.
- 05Конвейер веб-симуляции записывает видео из HTML-страниц с точностью до кадра и частотой 60 fps.
Сценарии использования
- Создание короткой анимированной заставки-анонса по текстовому запросу с помощью coding agent.
- Создание анимаций на основе данных или симуляций в виде автономных веб-страниц и экспорт в видео.
- Создание синхронизированных звуковых эффектов для видео на Remotion без лицензированного аудио.
- Проверка и корректировка тайминга анимации в нескольких сценах.
Быстрый старт
- 1
Клонируйте репозиторий и перейдите в папку
git clone https://github.com/whaleyxbt/claude-motion && cd claude-motion - 2
Установите зависимости
npm install - 3
Соберите пример видео со звуком
npm run build - 4
Откройте предпросмотр в реальном времени
npm run studio
Что важно знать
- Требуются установленные Node 20 или новее, Python 3 и ffmpeg.
- У Remotion собственная лицензия; компаниям, превышающим установленный порог, нужна платная корпоративная лицензия.
- Для захвата веб-симуляций необходимы Playwright и установленный Chromium.
Темы
Частые вопросы
- Что такое claude-motion?
- Набор инструментов для моушн-дизайна, с которым coding agents вроде Claude Code создают видео на Remotion: сцены по таймлайну, визуальная проверка и звуковой движок на Python. claude-motion — набор инструментов, с которым coding agents создают моушн-графику и короткие видео. Он дополняет Remotion правилами дизайна, процессом самопроверки и звуковым движком, чтобы агент знал не только API, но и как выстраивать темп анимации, паузы и текст, а также проверять результат.
- claude-motion можно использовать бесплатно? Какая у него лицензия?
- claude-motion распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
- claude-motion всё ещё поддерживается?
- Активно поддерживается. Последний коммит в claude-motion — 9 окт. 2026 г..
- Для чего можно использовать claude-motion?
- Создание короткой анимированной заставки-анонса по текстовому запросу с помощью coding agent. Создание анимаций на основе данных или симуляций в виде автономных веб-страниц и экспорт в видео. Создание синхронизированных звуковых эффектов для видео на Remotion без лицензированного аудио. Проверка и корректировка тайминга анимации в нескольких сценах.
- Как установить claude-motion?
- Клонируйте репозиторий и перейдите в папку: git clone https://github.com/whaleyxbt/claude-motion && cd claude-motion Установите зависимости: npm install Соберите пример видео со звуком: npm run build Откройте предпросмотр в реальном времени: npm run studio
- Где скачать claude-motion?
- Исходный код и инструкции по установке — на GitHub: https://github.com/whaleyxbt/claude-motion
Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.
Похожие проекты
Набор Agent Skills, которые помогают AI-агентам для программирования — например, Claude Code, Codex и Cursor — создавать видеопроекты на Remotion с учётом лучших практик.
Набор из 55 устанавливаемых навыков для AI-агентов, которые помогают создавать моушн-графику, анимацию и видеопроцессы.
Набор навыков для Claude Code, которые создают видео — каждый кадр и музыкальную дорожку генерируют в коде, отдельный навык для каждого визуального стиля.
Подборка ресурсов по motion-дизайну и пяти устанавливаемых навыков для агентов: GSAP, Motion, Remotion, Lottie и Rive; работает с Claude Code, Codex и Copilot.
Навык для Claude Code и Codex, который помогает создавать видеообъяснения с закадровой озвучкой, синхронизацией аудио по словам и рендерингом в Remotion.