Repolode
Предложить
AbubakrChan

AbubakrChan/product-launch-motion

Навык Claude Code, который превращает URL сайта в ролик о запуске продукта с частотой 60 fps: видео создаётся на HTML, а звуковые эффекты синхронизируются с музыкой и добавляется размытие в движении.

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

Что это?

Product Launch Motion — это навык Claude Code, который принимает URL сайта о продукте и создаёт короткий ролик о его запуске. Claude изучает сайт, пишет сценарий, раскладывает сцены по сетке ритма, рассчитанной по музыкальному треку, и выдаёт MP4 с частотой 60 fps и синхронизированными звуковыми эффектами.

Каждый кадр — это HTML, вычисляемый как чистая функция времени, поэтому рендеры детерминированы и их можно проверять по каждому биту. Playwright захватывает промежуточные кадры, а ffmpeg добавляет размытие в движении. В анимации используются затухающие пружины, заданные в замкнутой форме, а один элемент на экране плавно меняет состояние вместо резких склеек. Для работы навыка требуется Claude Opus 5.5, а также Node 20+, Playwright, FFmpeg и Python 3 с numpy.

В репозитории также сохранена более ранняя версия навыка — v1, которая создаёт фильмы с закадровым голосом с помощью GSAP и HyperFrames; она находится в папке legacy.

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

  • 01Создаёт ролик о запуске продукта по URL сайта без ручного монтажа.
  • 02Расставляет анимацию и звуковые эффекты по сетке ритма, рассчитанной по музыкальному треку.
  • 03Рендерит видео с частотой 60 fps и размытием в движении от ffmpeg.
  • 04Использует пружины, заданные в замкнутой форме, и один плавно меняющийся элемент вместо резких склеек.
  • 05Поддерживает дополнительный WebGL-этап обработки для создания эффектов стеклянных 3D-фигур.

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

  • Создание ролика о запуске продукта для лендинга SaaS без видеоредактора.
  • Подготовка коротких рекламных роликов с синхронизированным звуком на основе существующего сайта.
  • Создание прототипов идей моушн-дизайна в виде детерминированного HTML, отрендеренного в видео.

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

  1. 1

    Установите навык

    npx skills add AbubakrChan/product-launch-motion
  2. 2

    В Claude Code попросите создать видео, указав URL своего сайта

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

  • Требуется Claude Code. В README рекомендуется Opus 5.5, поскольку модели меньшего размера упускают многие детали.
  • Для рендеринга нужны Node 20+, Playwright, FFmpeg и Python 3 с numpy — всё это должно быть установлено локально.
  • Примеры видео созданы для Cheerful и не лицензированы для повторного использования, несмотря на лицензию MIT у навыка.

Темы

#agent-skill#claude-code#motion-graphics#html-to-video#ffmpeg#playwright#video-generation#agent-skills#ai-agents#anthropic

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

Что такое product-launch-motion?
Навык Claude Code, который превращает URL сайта в ролик о запуске продукта с частотой 60 fps: видео создаётся на HTML, а звуковые эффекты синхронизируются с музыкой и добавляется размытие в движении. Product Launch Motion — это навык Claude Code, который принимает URL сайта о продукте и создаёт короткий ролик о его запуске. Claude изучает сайт, пишет сценарий, раскладывает сцены по сетке ритма, рассчитанной по музыкальному треку, и выдаёт MP4 с частотой 60 fps и синхронизированными звуковыми эффектами.
product-launch-motion можно использовать бесплатно? Какая у него лицензия?
product-launch-motion распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
product-launch-motion всё ещё поддерживается?
Активно поддерживается. Последний коммит в product-launch-motion — 15 окт. 2026 г..
Для чего можно использовать product-launch-motion?
Создание ролика о запуске продукта для лендинга SaaS без видеоредактора. Подготовка коротких рекламных роликов с синхронизированным звуком на основе существующего сайта. Создание прототипов идей моушн-дизайна в виде детерминированного HTML, отрендеренного в видео.
Как установить product-launch-motion?
Установите навык: npx skills add AbubakrChan/product-launch-motion В Claude Code попросите создать видео, указав URL своего сайта
Где скачать product-launch-motion?
Исходный код и инструкции по установке — на GitHub: https://github.com/AbubakrChan/product-launch-motion

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

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

kaventro / motion-designer

Навык агента для Claude Code и Codex, который превращает реальный интерфейс приложения в проморолики и короткие видео, смонтированные под музыку и отрендеренные локально.

ИИ и машинное обучение#video-generation#motion-graphics#claude-code
1057JavaScriptMITОбновлён 19 дней назад