kh-bikash/product-launch-video-skill

Criar Vídeo de Lançamento de Produto

Produza um anúncio finalizado e compartilhável, não apenas um storyboard, a menos que o usuário peça explicitamente por conceitos ou um tratamento.

Entregável padrão

Quando o briefing omitir escolhas técnicas, use:

• 15 segundos
• 9:16 vertical, 1080x1920
• 30 fps H.264 MP4 com áudio AAC estéreo
• Quatro visuais do produto: herói, macro, uso/ação, revelação final
• Cinco cenas com transições planejadas
• Trilha sonora original sem vocais e efeitos sonoros
• Um JPG de pôster e um registro de prompt de imagem

Inferir detalhes criativos não críticos. Pergunte apenas quando informações faltantes alterariam a identidade do produto, alegações factuais, propriedade da marca ou direitos de mídia.

Skills complementares obrigatórios

• Use imagegen para novas imagens fotorrealistas do produto ou edições de imagem.
• Use hyperframes:hyperframes, hyperframes:hyperframes-cli e hyperframes:gsap para composição, animação, validação e renderização.
• Se o briefing for obtido de uma URL, use navegação ou captura de site apenas para coletar fatos e ativos do produto; mantenha este fluxo de trabalho de lançamento de produto como autoridade de produção.

Leia as instruções completas dos skills complementares antes de executar as ações por eles governadas.

Fluxo de trabalho

1. Estabelecer a fonte da verdade

Classifique o trabalho:

• Produto real com ativos fornecidos: Preserve a geometria, rótulos, cores, posicionamento do logotipo e embalagem do produto. Prefira edições ou composição quando a regeneração alteraria a identidade.
• Produto real apenas com URL: Verifique fatos e alegações atuais a partir de fontes autorizadas do produto. Capture ativos úteis quando permitido.
• Produto fictício ou conceitual: Crie uma identidade e silhueta originais do produto. Não imite logotipos protegidos ou motivos de marca registrada.

Extraia ou infira: categoria do produto, público-alvo, promessa única, pontos de prova, tom da marca, chamada para ação de lançamento e formato de entrega.

Não invente especificações, prêmios, certificações, alegações de sustentabilidade, benefícios médicos, percentuais de desempenho, preços ou disponibilidade. Substitua números não suportados por linguagem qualitativa.

Gere um plano inicial determinístico quando o produto se enquadrar em um perfil predefinido:

node scripts/plan_launch.mjs --product footwear-athletic --duration 15 --mood premium --name "Nome do Produto" --output LAUNCH_PLAN.md

Os perfis disponíveis estão definidos em data/product-profiles.json; as estruturas temporizadas suportadas estão definidas em data/duration-structures.json. Trate o plano gerado como uma linha de base criativa, depois refine-o usando os ativos fornecidos, fatos reais do produto e o briefing do usuário.

2. Travar a direção criativa

Crie DESIGN.md antes do HTML de composição. Inclua:

• Um prompt de estilo de um parágrafo
• Duas ou três cores principais com valores hexadecimais exatos
• Uma fonte de destaque e uma fonte de suporte contrastante
• Regras de câmera e iluminação
• Tempo de movimento e família de transições
• Três a cinco antipadrões explícitos

Escolha a direção a partir do material do produto, público e promessa, em vez de aplicar um tratamento genérico escuro-neon. Leia references/product-direction.md para decisões de câmera e iluminação específicas da categoria.

3. Criar uma trava canônica do produto

Escreva uma descrição compacta do produto imutável:

• silhueta e proporções
• materiais e acabamento da superfície
• posicionamento de cores
• costuras, controles, fechos ou estrutura da embalagem
• posicionamento do logotipo ou etiqueta quando autorizado
• motivos e invariantes proibidos

Gere ou selecione a imagem herói limpa primeiro. Inspecione-a antes de gerar outros ângulos. Use o herói aceito como referência para cada imagem posterior e repita a trava do produto literalmente em cada prompt.

Nunca dependa de texto gerado na imagem para cópia da marca. Gere fotografia limpa do produto sem cópia ou marcas d'água, depois adicione o texto exato em HTML.

Leia references/image-prompting.md antes de gerar o conjunto de imagens.

4. Construir o corte narrativo

Escolha a estrutura que corresponde à duração solicitada em references/launch-structures.md.

Para o corte padrão de 15 segundos, use este arco:

1. Chegada da marca ou produto
2. Macro de material ou recurso
3. Produto em uso ou prova energética
4. Revelação completa do produto
5. Selo da marca e chamada para ação

Mantenha os títulos entre três e sete palavras. Deixe uma ideia dominar cada cena. Torne o texto específico do produto e baseado em evidências.

5. Projetar o som junto com a edição

Use áudio licenciado fornecido pelo usuário quando disponível. Caso contrário, crie uma trilha sonora original comedida com scripts/generate_score.mjs:

node scripts/generate_score.mjs --output assets/launch-score.wav --duration 15 --energy high --transitions 2.8,5.8,8.9,11.9 --seed 2401

Alinhe os impactos com as principais revelações e transições. Use whooshes com moderação. Mantenha a trilha sonora suficientemente suportiva para que o anúncio permaneça inteligível sem narração.

6. Construir a composição HyperFrames

• Construa cada cena em seu estado herói totalmente visível antes de animar.
• Use pelo menos três camadas visuais: imagem/fundo, conteúdo principal e acento/metadados.
• Dê a cada cena animações de entrada com direções, durações e facilitações variadas.
• Use uma família de transição principal para a maioria das mudanças de cena e um acento mais forte para a revelação do herói.
• Deixe as transições executarem todas as saídas não finais. Apenas a cena final pode desaparecer independentemente.
• Animes os wrappers de imagem e os containers de cena separadamente para evitar conflitos de transformação.
• Use movimento sutil de câmera em imagens estáticas: panorâmica, deriva, foco puxado ou escala. Não use o mesmo movimento ambiente em todas as cenas.
• Mantenha toda a lógica determinística. Não use repetições infinitas ou comportamento baseado em tempo aleatório.
• Use um elemento <audio> temporizado separado para a trilha sonora.

Roteamento de transição padrão:

• Luxo, beleza, fragrância: foco puxado, crossfade borrado, mergulho de cor
• Atlético, automotivo, consumidor energético: zoom-through com foco puxado controlado
• Técnico, eletrônicos de precisão: obturador, empurrar, foco puxado
• Alimentício, bebidas, estilo de vida acolhedor: vazamento de luz ou crossfade borrado suave

7. Validar e refinar

Execute todos os seguintes antes da entrega final:

1. npx hyperframes lint
2. npx hyperframes validate
3. npx hyperframes inspect
4. Análise do mapa de animação quando suas dependências estiverem disponíveis
5. Renderização de rascunho
6. Extraia e inspecione visualmente pelo menos um quadro herói por cena
7. Renderização final de alta qualidade
8. Analise o arquivo final quanto à duração, dimensões, taxa de quadros, codecs e presença de áudio

Corrija todo erro de lint, erro de console, falha de contraste e problema de layout não intencional. Revise avisos em vez de suprimi-los amplamente. Marque apenas o overflow ou sobreposição de transição genuinamente intencionais.

Inspecione o rascunho codificado, não apenas a composição do navegador. Verifique inconsistência de imagem, texto ilegível, alegações não suportadas, cortes estranhos, movimento repetido de baixo custo, flashes de transição e um primeiro ou último quadro vazio.

8. Entregar

Coloque os entregáveis voltados ao usuário no diretório de saída do espaço de trabalho:

• MP4 final
• JPG de pôster a partir de um quadro forte do produto
• registro de prompt contendo a trava canônica do produto e os prompts de imagem finais

Relate a duração, resolução, codecs, modo de geração de imagem e resultado da validação. Link diretamente os entregáveis.

Padrão de qualidade

Um resultado bem-sucedido deve parecer com direção de arte, não modelado:

• A identidade do produto permanece consistente em todas as tomadas.
• A iluminação explica o material e a forma.
• Os ângulos de câmera têm trabalhos narrativos distintos.
• O texto é esparso, exato e sustentável.
• O movimento comunica a personalidade do produto.
• O áudio pontua a edição sem sobrepujá-la.
• O quadro final é utilizável como cartão de encerramento da marca.
• O MP4 exportado está pronto para compartilhar sem montagem adicional.