product-launch-videoавтор HeyGen

Product Launch Video Skill.

Скилл для Claude Code и Codex для видео: превращает URL продукта, сценарий или бриф в промо-видео или видео запуска продукта.

Анимация и видео
Video

Скачать OpenDesign Инструкция по использованию

heygen-com/hyperframes · skills/product-launch-video/SKILL.mdSKILL.md

--- name: product-launch-video description: Turn a product or marketing URL, pasted script, or brief into a product launch / promo video — SaaS promos, feature reveals, product demos, app and company launches. Use when the user wants to market, launch, promote, or reveal a product; the default for any commercial URL. Site tours / showcases of a website route here too — the brief carries the show-it-as-is intent. Unclear → /hyperframes. --- ## Step 0: Setup ## Step 1: Capture assets ## Step 2: Design System ## Step 3: Storyboard and Script ## Step 3.1: Audio ## Step 4: Frame Visual Design

Метаданные и заголовки разделов прочитаны из исходного файла 2026-09-14 · 32 560 символов полностью

01 Что делает

Что делает skill product-launch-video в Claude Code и Codex

Сводка, рабочий процесс и результаты — всё прочитано из SKILL.md этого skill.

Из SKILL.mdПрочитано 14.09.2026 · не запись выполнения

Словами самого skill

Организует создание видеороликов о запуске продукта и промо-видео через семиэтапный workflow. Принимает URL продукта, вставленный скрипт или бриф и создаёт MP4 через HyperFrames.

Собирает брендовые ассеты с работающих сайтов, применяет готовый набор кадров (frame preset) и адаптирует его под токены бренда, пишет сториборд с покадровыми последовательностями, синхронизированными с озвучкой, генерирует нарратив и фоновую музыку, запускает параллельные суб-агенты для сборки каждого кадра как HTML, и рендерит после проверки lint/check/snapshot. Ориентирован на SaaS-промо, презентации функций, запуски приложений и обзоры сайтов. Работает с авторизацией в HeyGen или офлайн с локальными TTS/BGM-движками.

Что он выдаёт

Финальный рендер MP4 в renders/video.mp4 с указанной длительностью
Контрольный лист снимков в серединах и на стыках кадров для проверки
STORYBOARD.md с покадровыми последовательностями и SCRIPT.md, если требуется озвучка

Смотрите пример запроса ↗

Как это работает

01
Подтвердить бриф и инициализировать проект
Слой намерения фиксирует бриф до начала этого workflow.
02
Захват ассетов по URL
Запускает hyperframes capture по URL продукта для сбора скриншотов, структуры DOM, токенов бренда (цвета/шрифты), видимого текста и описаний ассетов.
03
Выбор и брендовая адаптация Frame Preset
Выбирает один готовый frame preset, чей вид подходит бренду, затем запускает build-frame.mjs, чтобы скопировать FRAME.md пресета, перенести цвета/шрифты бренда на структуру пресета и скопировать его оформление подписей.
04
Написание сториборда с покадровыми последовательностями
Составляет черновики STORYBOARD.md и SCRIPT.md по принципам story-spine.
05
Генерация аудио в фоне
После утверждения сториборда запускает TTS-озвучку с выбранным провайдером и голосом, получает фоновую музыку из библиотеки HeyGen по настроению, генерирует тайминги слов и продолжает работу над визуальным дизайном без ожидания.
06
Запуск суб-агентов для параллельной сборки кадров
Ждёт завершения аудио, синхронизирует длительности, затем формирует один ограниченный пакет на каждый кадр и запускает суб-агент для каждого.

02 Определите своё применение

Когда использовать навык product-launch-video

Используйте навык product-launch-video в Claude Code или Codex, когда задача касается видео такого типа. Область применения и ограничения ниже взяты из собственного файла навыка.

Хорошо подходит

SaaS-промо, презентации функций, демо продукта, запуски приложений и компаний
Обзоры или демонстрации сайтов, где захваченная страница показывается как есть
Продукт с URL, который можно захватить для озвучки и ассетов

Знайте границы

Не может создать синтетическую замену после неудачного захвата URL
Не придумывайте и не пересобирайте страницу, если захват непригоден для использования
Немаркетинговые намерения или простые запросы «сделай видео» сначала направляются через /hyperframes

Что предоставить

Вставленный сценарий или брифСохраняется буквально как user_script.txt. VO_MODE (verbatim или restructured) берётся из BRIEF.md. Слой намерения спрашивает один раз, когда приходит сценарий.
Предпочтение голосаЕсли в запросе указан голос, пол или тон, выберите подходящий voice id и передайте его с --voice.
Выбор стилевого пресетаКогда BRIEF.md указывает style_preset, пользователь выбрал его на глаз из витрин на слое намерения.
Настроение музыки или его отсутствиеНастроение BGM берётся из поля music: в сториборде. music: none отключает BGM. Каноническим маркером полной тишины является music: none в сочетании с отсутствием SCRIPT.md.

03 Внутри скилла

Правила, которые skill product-launch-video задаёт для Claude Code и Codex

7 конкретных инструкций, значений по умолчанию и ограничений, которые SKILL.md задаёт агенту, — та часть файла, которая меняет результат.

Показывайте статус входа перед выходом из настройки
Запустите hyperframes auth status и передайте его вывод буквально. Он сообщает, будут ли голос/BGM использовать HeyGen или локальные движки. Код выхода 1 — это обычное состояние выхода из системы, а не сбой.
Ищите в каталоге перед оформлением именованных образов
Для каждого образа, указанного в брифе (CRT scanlines, glitch, film grain), запустите hyperframes catalog --query перед тем, как записать его в STORYBOARD.md.
Синхронизация длительности — механическая операция, никогда не редактируйте вручную
Реальная длительность голоса имеет приоритет. Немые кадры сохраняют оценки. Запустите audio.mjs sync-durations после завершения работы с аудио. Никогда не редактируйте вручную синхронизированные длительности в сториборде.
Воркеры пишут только HTML своего кадра
Каждый суб-агент читает только свой пакет и frame.md, пишет только compositions/frames/NN-*.html и никогда не должен редактировать STORYBOARD.md.
Полноэкранные фоны на слое клипа, а не на корневом уровне
Основа кадра (цветовое поле, градиент, сетка) — это отдельный фоновый клип на всю длительность.
Неудачный захват — это безусловная остановка
Ненулевой код выхода, JSON ok: false или capture/BLOCKED.md останавливает процесс захвата. Сообщите причину и не используйте частичные скриншоты, DOM или ресурсы.
Всегда проходите проверки перед рендерингом
Запускайте lint, check и snapshot в середине кадров и на каждом стыке. Проверяйте на нарушения раскладки и всплывающие артефакты. Устраните любые видимые разрывы перед рендерингом.

04 Применение

Установка product-launch-video в Claude Code или Codex

Одна команда npx skills add, затем первая задача в вашем агенте и чек-лист для результата.

Добавить product-launch-video в Claude Code, Codex или ваш агент

Запустите в своём проекте; установщик спросит, какому агенту его добавить.

Terminal

npx skills add https://github.com/heygen-com/hyperframes --skill product-launch-video

Общая форма CLI skills для skills/product-launch-video/SKILL.md; репозиторий может документировать собственный путь.

Дайте skill первую задачу по motion и видео

Написано в терминах самого skill; замените части в квадратных скобках своим материалом.

Starter prompt

Create a product launch video for [our new SaaS platform at example.com]. Show the dashboard interface, key collaboration features, and real-time sync. Use a confident professional voice and keep it under 60 seconds with energetic background music.

Источник: составлено по SKILL.md в терминах самого skill.

Проверьте первый результат

Что сам SKILL.md считает правильным результатом:

Запустите hyperframes lint, чтобы проверить собранный индекс и кадры
Запустите hyperframes check, чтобы проверить структуру перед рендерингом
Делайте снимки в середине кадров и на каждом стыке, сравнивайте изображения на наличие всплывающих артефактов
Проверяйте переходы, чтобы убедиться в правильности вставленных переходов
Убедитесь, что в JSON захвата указано ok: true и файл BLOCKED.md отсутствует
Дождитесь завершения аудио на шаге 3.1, прежде чем синхронизировать длительности и собирать проект

В OpenDesign импортируйте product-launch-video по ссылке из SKILL.md: Plugins → Add → Skill → Import from link, затем выберите его в верхней панели.

Скачать OpenDesign Читать quickstart

05 Открытый исходный код, проверяемость

Источник, лицензия и проверка

Откуда взяты факты на этой странице и когда они были последний раз проверены.

Author: HeyGen
Repository: github.com/heygen-com/hyperframes Ветка main
Файл skill: skills/product-launch-video/SKILL.md Контрольная сумма содержимого записана при проверке; коммит 558c11b
License: Apache-2.0 Из LICENSE.
Звёзды репозитория: 49 761 Снимок GitHub сделан 2026-09-14 для всего репозитория heygen-com/hyperframes, который содержит 9 навыков в этом каталоге. Не является рейтингом или счётчиком использования product-launch-video.
Проверено OpenDesign: 2026-09-14 Исходный файл, путь, текст лицензии и количество звезд были проверены. Не входит в основной комплект OpenDesign (проверено 2026-08-28); живой запуск не был записан на этой странице.

Внутри SKILL.md

Product Launch to HyperFramesОбзор роли оркестратора и семиэтапного workflow от URL до MP4
Шаг 0: НастройкаПодтвердите бриф из слоя намерений, инициализируйте проект HyperFrames, покажите статус входа
Шаг 1: Захват ассетовЗапустите hyperframes capture по URL или соберите путь без захвата на основе вставленного сценария
Шаг 2: Design SystemВыберите пресет кадра, переработайте на нём брендовые токены, скопируйте оформление подписей
Шаг 3: Сториборд и сценарийНапишите STORYBOARD.md и SCRIPT.md, запустите цикл проверки, получите одобрение плана
Шаг 3.1: АудиоСгенерируйте закадровый текст TTS, тайминги слов, подберите фоновую музыку по настроению, выполните в фоне
Шаг 4: Визуальный дизайн кадраНабросайте доску при совместной работе, добавьте последовательности кадров с таймкодами и встроенную анимацию
Шаг 5: Сборка кадровСинхронизируйте длительности, подберите SFX, распределите подагентов по кадрам, собирайте индекс и подписи
Шаг 6: ФинализацияВнедрите переходы, запустите lint/check/snapshot, сделайте паузу для проверки, отрендерите MP4
Краткая справкаФорматы, фоновые скрипты и справочная таблица документов по шагам

Собственное описание skill

«Превращает URL продукта или маркетинговой страницы, вставленный сценарий или бриф в видео запуска / промо продукта — промо SaaS, анонсы функций, демонстрации продуктов, запуски приложений и компаний. Используйте, когда пользователь хочет продвинуть, запустить, прорекламировать или представить продукт; вариант по умолчанию для любого коммерческого URL. Обзоры сайтов / витрины веб-сайта тоже сюда — бриф несёт намерение показать как есть. Неясно → /hyperframes.»

Описание из вводной части SKILL.md. Полный файл составляет около 32 560 символов. Прочитать полный файл на GitHub.

06 Перед установкой

Вопросы о skill product-launch-video

Ответы взяты из SKILL.md в редакции от 2026-09-14, а не из записанного запуска.

Нужен ли мне аккаунт HeyGen, чтобы использовать этот skill?

Не обязательно. Workflow показывает статус входа перед выходом из Setup и сообщает, будут ли голос и фоновая музыка использовать HeyGen или локальные движки. Без входа процесс продолжается на доступных локальных движках (Kokoro для TTS). Вход открывает доступ к голосам Starfish и музыкальной библиотеке HeyGen.

Какие форматы и длительности видео получаются на выходе?

Горизонтальный 1920x1080, портретный 1080x1920 или квадратный 1080x1080 — в зависимости от поля назначения в BRIEF.md. Длительность задаётся как приблизительный ориентир на основе поля длины в брифе; на этапе сборки сообщается, насколько итоговый монтаж соответствует этому значению. В финальном ответе указывается путь к MP4 и фактическая длительность.

Видео запуска продукта

Запустите product-launch-video на реальной задаче по созданию видео.

Скачайте OpenDesign, импортируйте product-launch-video по ссылке на SKILL.md, вставьте промпт выше и прочитайте план перед результатом.

Загрузить OpenDesign Все навыки

Терминал

npx skills add https://github.com/heygen-com/hyperframes --skill product-launch-video