Repolode
Предложить
Sunwood-ai-labs

Sunwood-ai-labs/hyperframes-motion-reel-skill

Скилл для Claude Code превращает короткую тему в синхронизированный с битом моушн-ролик и рендерит его в MP4 с помощью HyperFrames.

Open source альтернатива:After Effects

Открыть на GitHubСайт
Звёзды
143
Форки
21
Открытые issues
0
Последний коммит
21 день назад

Что это?

Этот репозиторий содержит скилл для Claude Code, который настраивает агента на работу моушн-дизайнером и креативным программистом. Получив короткую тему, необязательные изображения или голосовую дорожку, агент продумывает мир, текст, дизайн-систему и покадровый таймлайн, а затем собирает сцены с помощью HTML, GSAP, SVG и Canvas.

Тайминг привязан к сетке 120 BPM и 60 FPS: один бит равен 0,5 секунды или 30 кадрам. Фоновая музыка создаётся в формате WAV только на встроенных средствах Node.js и синхронизируется с той же таблицей битов, что и визуальная часть. В слоях Canvas и SVG используется чистая функция render(t), благодаря чему их можно детерминированно перематывать к нужному моменту.

Скилл выполняет цикл проверки: lint, check, просмотр снапшотов и рендер, а затем выборочно проверяет итоговый MP4 с помощью ffprobe и ffmpeg. Это порт remotion-motion-reel на базе HyperFrames с лицензией Apache-2.0 и GSAP, который позволяет обойтись без коммерческой лицензии Remotion.

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

  • 01Тайминг привязан к сетке 120 BPM / 60 FPS, монтажные склейки задаются номерами битов.
  • 02Саундтрек создаётся в формате WAV только на встроенных средствах Node.js и синхронизируется с той же таблицей битов.
  • 03Анимация в два слоя: приостановленный таймлайн GSAP и функция render(t) для Canvas и SVG, которую можно перематывать к нужному моменту.
  • 04Морфинг фигур между сценами вместо наплывов.
  • 05Детерминированный результат благодаря PRNG с начальным значением; Date.now() и Math.random() не используются.
  • 06Перед передачей результата выполняются lint, check, проверка снапшотов и верификация через ffmpeg.

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

  • Создание короткого шоу-рилла или моушн-тизера по концепции в одну строку.
  • Создание промороликов к запуску продукта в форматах 16:9, 9:16 или 1:1.
  • Создание музыкальных моушн-график, где визуальная часть следует заданному BPM.
  • Создание коммерческого видеоконтента без платных лицензий на библиотеки для моушн-дизайна.

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

  1. 1

    Установите skill, клонировав репозиторий в папку skills Claude Code

    git clone https://github.com/Sunwood-ai-labs/hyperframes-motion-reel-skill ~/.claude/skills/hyperframes-motion-reel
  2. 2

    Убедитесь, что Node.js (текущая LTS-версия) с npx, Google Chrome и ffmpeg/ffprobe доступны в PATH

  3. 3

    Запустите skill в Claude Code, указав короткую тему

    /hyperframes-motion-reel Neon Tokyo night drive, 20 seconds, BPM 128

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

  • Требуются Claude Code и отдельно установленные доменные skills HyperFrames.
  • Для рендеринга и проверки Google Chrome и ffmpeg/ffprobe должны быть доступны в PATH.

Темы

#claude-code#motion-graphics#gsap#svg#canvas#video-generation#animation#hyperframes#claude-skill#motion-design

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

Что такое hyperframes-motion-reel-skill?
Скилл для Claude Code превращает короткую тему в синхронизированный с битом моушн-ролик и рендерит его в MP4 с помощью HyperFrames. Этот репозиторий содержит скилл для Claude Code, который настраивает агента на работу моушн-дизайнером и креативным программистом. Получив короткую тему, необязательные изображения или голосовую дорожку, агент продумывает мир, текст, дизайн-систему и покадровый таймлайн, а затем собирает сцены с помощью HTML, GSAP, SVG и Canvas.
hyperframes-motion-reel-skill можно использовать бесплатно? Какая у него лицензия?
hyperframes-motion-reel-skill распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
hyperframes-motion-reel-skill всё ещё поддерживается?
Активно поддерживается. Последний коммит в hyperframes-motion-reel-skill — 29 сент. 2026 г..
Для чего можно использовать hyperframes-motion-reel-skill?
Создание короткого шоу-рилла или моушн-тизера по концепции в одну строку. Создание промороликов к запуску продукта в форматах 16:9, 9:16 или 1:1. Создание музыкальных моушн-график, где визуальная часть следует заданному BPM. Создание коммерческого видеоконтента без платных лицензий на библиотеки для моушн-дизайна.
Как установить hyperframes-motion-reel-skill?
Установите skill, клонировав репозиторий в папку skills Claude Code: git clone https://github.com/Sunwood-ai-labs/hyperframes-motion-reel-skill ~/.claude/skills/hyperframes-motion-reel Убедитесь, что Node.js (текущая LTS-версия) с npx, Google Chrome и ffmpeg/ffprobe доступны в PATH Запустите skill в Claude Code, указав короткую тему: /hyperframes-motion-reel Neon Tokyo night drive, 20 seconds, BPM 128
Где скачать hyperframes-motion-reel-skill?
Исходный код и инструкции по установке — на GitHub: https://github.com/Sunwood-ai-labs/hyperframes-motion-reel-skill

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

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

alchaincyf / huashu-motion

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

ИИ и машинное обучение#agent-skills#motion-graphics#animation
78077JavaScriptMITОбновлён вчера