product-launch-videopor HeyGen

Product Launch Video Skill.

Uma skill de Claude Code e Codex para motion e vídeo: transforma uma URL de produto, roteiro ou briefing em um vídeo de lançamento ou promocional.

Motion e Vídeo
Video

Baixar OpenDesign Ver guia de uso

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

Metadados iniciais e títulos de seção lidos do arquivo original em 2026-09-14 · 32.560 caracteres completos

01 O que faz

O que a skill product-launch-video faz no Claude Code e no Codex

Resumo, fluxo de trabalho e resultados, todos lidos do SKILL.md do skill.

Do SKILL.mdLido em 14/09/2026 · não é uma execução registrada

Nos termos do próprio skill

Orquestra a criação de vídeos de lançamento de produto e promocionais por meio de um workflow de sete etapas. Recebe a URL de um produto, um roteiro colado ou um briefing e produz um MP4 via HyperFrames.

Captura os ativos de marca de sites reais, adota um preset de frame e o remixa sobre os tokens da marca, escreve um storyboard com sequências de cenas com marcação de tempo ajustadas ao ritmo da narração, gera narração e trilha sonora (BGM), despacha sub-agentes em paralelo para construir cada frame como HTML e renderiza após verificação de lint/check/snapshot. Voltado para promocionais de SaaS, revelações de recursos, lançamentos de apps e tours de sites. Funciona conectado ao HeyGen ou off-line com mecanismos locais de TTS/BGM.

O que ele produz

Renderização final em MP4 em renders/video.mp4 com a duração informada
Contact sheet de snapshots nos pontos médios e nos cortes de cada frame para verificação
STORYBOARD.md com sequências de cenas com marcação de tempo e SCRIPT.md quando a narração for necessária

Veja o exemplo de prompt ↗

Como funciona

01
Confirmar Briefing e Inicializar Projeto
A camada de intenção trava o briefing antes que este workflow comece.
02
Capturar Ativos a partir da URL
Executa o hyperframes capture na URL do produto para coletar capturas de tela, estrutura do DOM, tokens de marca (cores/fontes), texto visível e descrições de ativos.
03
Adotar e Remixar a Marca em um Preset de Frame
Escolhe um preset de frame já disponível cujo visual combine com a marca, então executa build-frame.mjs para copiar o FRAME.md do preset, remapear as cores/fontes da marca sobre a estrutura do preset e copiar seu skin de legendas.
04
Escrever o Storyboard com Sequências de Cenas com Marcação de Tempo
Elabora o STORYBOARD.md e o SCRIPT.md seguindo a doutrina de story-spine.
05
Gerar Áudio em Segundo Plano
Após a aprovação do storyboard, inicia a narração TTS com o provedor e a voz escolhidos, busca a trilha sonora (BGM) na biblioteca musical do HeyGen de acordo com o clima desejado, gera as marcações de tempo das palavras e segue para o design visual sem esperar.
06
Despachar Sub-agentes para Construir os Frames em Paralelo
Espera o áudio terminar, sincroniza as durações e, então, monta um pacote delimitado para cada frame e despacha um sub-agente para cada um.

02 Encontre o ideal para você

Quando Usar o Skill product-launch-video

Use o skill product-launch-video no Claude Code ou Codex quando o trabalho for motion e video deste tipo. Adequação e limites abaixo são extraídos do próprio arquivo do skill.

Boa Combinação

Promocionais de SaaS, revelações de recursos, demonstrações de produto, lançamentos de apps e empresas
Tours ou vitrines de sites em que a página capturada é exibida como está
Produto com uma URL que pode ser capturada para narração e ativos

Conheça os Limites

Não é possível criar um substituto sintético após uma falha na captura da URL
Não invente nem reconstrua a página quando a captura for inutilizável
Intenções que não sejam de marketing ou pedidos simples de 'fazer um vídeo' passam primeiro por /hyperframes

O Que Fornecer

Script ou briefing coladoSalvo literalmente como user_script.txt. VO_MODE (verbatim ou restructured) vem do BRIEF.md. A camada de intenção pergunta uma vez quando um script chega.
Preferência de vozSe o pedido especificar uma voz, gênero ou tom, escolha um voice id correspondente e passe-o com --voice.
Escolha de preset de estiloQuando o BRIEF.md especifica um style_preset, o usuário o escolheu visualmente a partir de showcases na camada de intenção.
Clima musical ou nenhumO clima da BGM vem do campo music: do storyboard. music: none desativa a BGM. O marcador canônico de silêncio total é music: none combinado com a ausência de SCRIPT.md.

03 Dentro da skill

Regras que a Skill product-launch-video Fornece ao Claude Code e ao Codex

7 instruções concretas, padrões e limites que o SKILL.md define para o agente — a parte do arquivo que muda o resultado.

Mostrar o Status de Login Antes de Sair da Configuração
Execute hyperframes auth status e retransmita a saída literalmente. Ela informa se voz/BGM usarão HeyGen ou motores locais. O código de saída 1 é o estado normal de desconectado, não uma falha.
Pesquisar o Catálogo Antes de Projetar Looks Nomeados
Para cada look que o briefing especifica (CRT scanlines, glitch, film grain), execute hyperframes catalog --query antes de escrevê-lo no STORYBOARD.md.
A Sincronização de Duração É Mecânica, Nunca edite manualmente
A duração real da voz prevalece. Quadros silenciosos mantêm as estimativas. Execute audio.mjs sync-durations após o áudio terminar. Nunca edite manualmente as durações sincronizadas no storyboard.
Os Workers Escrevem Apenas o HTML do Seu Quadro
Cada sub-agente lê apenas seu packet e frame.md, escreve apenas compositions/frames/NN-*.html, e nunca deve editar o STORYBOARD.md.
Fundos Full-bleed na Camada de Clip, Não na Raiz
O plano de fundo de um quadro (campo de cor, gradiente, grade) é seu próprio clip de fundo de duração completa.
Uma Captura Falha É uma Parada Total
Uma saída diferente de zero, JSON ok: false, ou capture/BLOCKED.md interrompe o caminho de captura. Relate o motivo e não consuma screenshots, DOM ou assets parciais.
Sempre Passe as Verificações Antes de Renderizar
Execute lint, check e snapshot nos pontos médios dos quadros e em todo corte. Inspecione falhas de layout e saltos visuais. Corrija qualquer discontinuidade visível antes de renderizar.

04 Coloque em prática

Instalar product-launch-video no Claude Code ou Codex

Um comando npx skills add, depois uma primeira tarefa no seu agente e uma checklist para o resultado.

Adicionar product-launch-video ao Claude Code, Codex ou Seu Agente

Rode no seu projeto; o instalador pergunta a qual agente adicioná-lo.

Terminal

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

Forma genérica de CLI skills para skills/product-launch-video/SKILL.md; o repositório pode documentar seu próprio caminho.

Dê à Skill uma Primeira Tarefa de Motion e Vídeo

Escrito nos próprios termos do skill; substitua as partes entre colchetes pelo seu material.

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.

Fonte: escrito a partir do SKILL.md nos próprios termos do skill.

Verifique o Primeiro Resultado

O que o próprio SKILL.md diz sobre como é um resultado correto:

Execute hyperframes lint para verificar o índice montado e os quadros
Execute hyperframes check para validar a estrutura antes de renderizar
Faça snapshot nos pontos médios dos quadros e em todo corte, compare imagens para identificar saltos
Verifique as transições para garantir que as transições injetadas estejam corretas
Confirme se o JSON de captura reportou ok: true e que não existe BLOCKED.md
Aguarde o áudio da Etapa 3.1 terminar antes de sincronizar durações e montar

No OpenDesign, importe o product-launch-video a partir do link do seu SKILL.md: Plugins → Add → Skill → Import from link, depois selecione-o na barra superior.

Baixar OpenDesign Ler o quickstart

05 Código aberto, rastreável

Fonte, Licença e Verificação

De onde vêm os fatos desta página e quando foram verificados pela última vez.

Author: HeyGen
Repository: github.com/heygen-com/hyperframes Branch main
Arquivo da skill: skills/product-launch-video/SKILL.md Checksum do conteúdo registrado na verificação; commit 558c11b
License: Apache-2.0 De LICENSE.
Estrelas do repositório: 49.761 Snapshot do GitHub tirado em 14/09/2026 para o repositório completo heygen-com/hyperframes, que contém 9 skills neste catálogo. Não é uma classificação ou contagem de uso para product-launch-video.
Verificado pelo OpenDesign: 14/09/2026 Arquivo de origem, caminho, texto da licença e contagem de estrelas foram verificados. Não integrado ao OpenDesign principal (verificado em 28/08/2026); uma execução ao vivo não foi registrada nesta página.

Dentro do SKILL.md

Product Launch to HyperFramesVisão geral do papel do orquestrador e do workflow de sete etapas, da URL ao MP4
Etapa 0: ConfiguraçãoConfirme o briefing da camada de intenção, inicialize o projeto HyperFrames, mostre o status de login
Etapa 1: Captura de assetsExecute o hyperframes capture na URL ou construa o caminho sem captura a partir do roteiro colado
Etapa 2: Design SystemEscolha o preset de quadro, remixe os tokens de marca sobre ele, copie o skin da legenda
Etapa 3: Storyboard e RoteiroEscreva o STORYBOARD.md e o SCRIPT.md, execute o ciclo de revisão, obtenha a aprovação do plano
Etapa 3.1: ÁudioGere a narração TTS, os tempos das palavras, busque a trilha sonora pelo clima, execute em segundo plano
Etapa 4: Design Visual do QuadroEsboce o quadro se for colaborativo, adicione sequências de cenas com tempo marcado e movimento inline
Etapa 5: Construir QuadrosSincronize durações, busque efeitos sonoros, despache subagentes por quadro, monte o índice e as legendas
Etapa 6: FinalizarInjete transições, execute lint/check/snapshot, pause para revisão, renderize o MP4
Referência RápidaFormatos, scripts em segundo plano e tabela de referência de documentos por etapa

A Descrição da Própria Skill

"Transforme uma URL de produto ou marketing, roteiro colado ou briefing em um vídeo de lançamento / promo de produto — promos SaaS, revelações de recursos, demos de produtos, lançamentos de apps e empresas. Use quando o usuário quer divulgar, lançar, promover ou revelar um produto; o padrão para qualquer URL comercial. Tours / showcases de sites também seguem por aqui — o briefing carrega a intenção de mostrar como está. Não claro → /hyperframes."

Descrição de front-matter extraída do SKILL.md. O arquivo completo tem cerca de 32.560 caracteres. Leia o arquivo completo no GitHub.

06 Antes de instalar

Perguntas sobre a Skill product-launch-video

As respostas vêm do SKILL.md conforme lido em 2026-09-14, e não de uma execução registrada.

Preciso de uma conta HeyGen para usar essa skill?

Não é obrigatório. O workflow mostra o status de login antes de deixar a Configuração e informa se a voz e a trilha sonora usarão o HeyGen ou motores locais. Quando desconectado, ele continua com os motores locais disponíveis (Kokoro para TTS). Fazer login habilita as vozes Starfish do HeyGen e a biblioteca musical.

Quais formatos de vídeo e durações isso produz?

Paisagem 1920x1080, retrato 1080x1920 ou quadrado 1080x1080, derivados do campo de destino no BRIEF.md. A duração é definida como uma expectativa aproximada a partir do campo de duração do briefing; a montagem informa onde o corte final ficou em relação a ela. A resposta final indica o caminho do MP4 e a duração real.

Product Launch Video

Execute product-launch-video em uma Tarefa Real de Motion e Video.

Baixe o OpenDesign, importe product-launch-video do link SKILL.md, cole o prompt acima e leia o plano antes do resultado.

Baixar OpenDesign Ver todas as skills