Skills de Heygen Com

Adicione legendas a um vídeo de cabeça falante. UM catálogo (CATALOG.md) de 32 identidades visuais por trás de dois mecanismos: fluxo de coluna (legendas compostas DENTRO da cena — oclusão fosca + mesclagem; creme/tinta/editorial/keynote/documentário/loud/neon/glitch/cromo/velocidade) e constituições temáticas (âncora/armamento/terminal/neonsign/stardust/stomp/placar/trânsito/vhs/arcade/dossiê/laser/trovão/holograma/biolume/aurora/espectro/papercut/popup/quadro-negro/grafite/pincel/inkwater/resgate/última página/cidade-noturna...

fluxo de vídeo faceless-explainer - texto arbitrário (artigo / anotações / tópico / resumo) -> narrator_scripts.json + áudio (voz + BGM) + section_plan.md -> tipografia / gráficos abstratos / diagrama / vídeo de visualização de dados. Duração típica de até ~3 min (ponto ideal ~30-90s); uma peça genuinamente mais longa é vídeo geral, não este fluxo. Gera sua PRÓPRIA narração (TTS) — não sincroniza com uma narração fornecida pelo usuário / pré-gravada (isso é vídeo geral). Sem captura de site, sem capturas de tela de produto real....

Use como fallback para a criação de composições de vídeo HTML com HyperFrames personalizadas quando nenhum fluxo de trabalho especializado se adequar. Abrange peças mais longas ou com múltiplas cenas, reels de marca/sizzle, montagens, cartelas de título, motion posters de longa duração, loops estáticos e composições livres em qualquer duração ou formato. Não é para promoções de produtos comercializados (product-launch-video), captura geral de site para vídeo (website-to-video), explicadores de tópicos (faceless-explainer), vídeos de PR do GitHub (pr-to-video), legendagem de filmagens existentes...

Empacote um vídeo existente de talking-head / entrevista / podcast sobrepondo cartões GRAPHIC OVERLAY temporizados e projetados ao vídeo em reprodução — títulos, barras inferiores, destaques de dados, citações, painéis laterais, picture-in-picture — sincronizados com a transcrição. O vídeo original é reproduzido por completo; o agente projeta e escreve o HTML de cada cartão durante a conversa, depois renderiza para MP4 via hyperframes. Use quando o usuário solicitar sobreposições gráficas, gráficos na tela / barras inferiores / destaques de dados / títulos cinéticos em um vídeo,...

Todo conhecimento de animação para HyperFrames — regras de movimento atômico, blueprints de cena multifásica, transições de cena, técnicas mais amplas de design de movimento, E os sete adaptadores de runtime (GSAP padrão, mais Lottie, Three.js, Anime.js, keyframes CSS, Web Animations API, TypeGPU). Use para qualquer tarefa de movimento ou animação: escolha 2-4 regras e componha, ou carregue um blueprint, ou consulte a API específica do runtime (ex.: eases do GSAP / player Lottie / mixer Three.js). Nativo do HyperFrames: timeline única pausada, seguro para busca,...

HyperFrames CLI dev loop — `npx hyperframes` for scaffolding (init), validation (lint, inspect), preview, render, and environment troubleshooting (doctor, browser, info, upgrade). Use when running any of these commands or troubleshooting the HyperFrames build/render environment. For asset preprocessing commands (`tts`, `transcribe`, `remove-background`), invoke the `hyperframes-media` skill instead.

Contrato de composição HTML do HyperFrames. Use para estrutura de composição, atributos de dados, clipes, faixas, subcomposições, variáveis, reprodução de mídia, regras de renderização determinísticas e validação de projetos mínimos renderizáveis.

Non-animation creative direction for HyperFrames videos. Use for design spec (frame.md / design.md) handling, palettes, typography, narration, beat planning, audio-reactive visuals, composition patterns, and brand / style decisions. For atomic motion patterns and scene blueprints, use `hyperframes-animation`.

Pré-processamento de assets para composições HyperFrames — TTS multi-provedor (HeyGen / ElevenLabs / Kokoro local), BGM multi-provedor (Google Lyria / MusicGen local), transcrição Whisper, remoção de fundo e criação de legendas. Use para npx hyperframes tts, bgm, transcribe, remove-background, seleção de voz/provedor, sugestão de clima musical, legendas / subtítulos / letras / karaokê / estilo por palavra.

Comece AQUI para qualquer solicitação de fazer, criar, gerar, editar, animar ou renderizar um vídeo, animação, motion graphic, vídeo explicativo, cartão de título, sobreposição, vídeo com legendas, promoção de produto, vídeo para site, vídeo de PR ou changelog, montagem de dados, pôster animado ou composição HTML do HyperFrames. Use antes de outras habilidades de vídeo ou animação quando o usuário quiser que o HyperFrames crie ou renderize um vídeo MP4/web finalizado, escolha um fluxo de trabalho ou direcione entre vídeo de lançamento de produto, explicador sem rosto, site para vídeo,...

Instale e conecte blocos e componentes do registry em composições HyperFrames. Use ao executar hyperframes add, instalar um bloco ou componente, conectar um item instalado no index.html ou trabalhar com hyperframes.json. Abrange o comando add, locais de instalação, conexão de subcomposição de blocos, mesclagem de snippets de componentes, descoberta do registry e criação de um novo bloco ou componente para contribuir upstream (ideia → scaffold → validar → PR).

Use quando o usuário deseja um motion graphic curto e focado em design, onde o movimento é a mensagem: tipografia cinética, contagem de estatísticas ou números, destaque de gráfico/visualização de dados, vinheta de logotipo, composição de marca, terço inferior, chamada, sobreposição para redes sociais, manchete/tweet/notícia animada, pôster animado ou destaque rápido de página capturada. Geralmente com menos de 10s e até ~30s, sem arco narrativo, locução ou cena com atores reais. Pode ser renderizado em MP4 ou sobreposição transparente. Não indicado para peças mais longas, com múltiplas cenas, narradas ou do tipo reel de marca...

fluxo de trabalho pr-to-video - uma pull request do GitHub (URL como github.com/ / /pull/ , ou / # , ou "este PR" em um repositório com checkout) -> fatos extraídos do PR (título, corpo, diff, commits, arquivos, estatísticas +/-) -> narrator_scripts.json + áudio (voz + música de fundo) + section_plan.md -> vídeo explicativo de diff de código / antes-depois / impacto. A entrada é uma ALTERAÇÃO DE CÓDIGO. A URL é um link de PR, NÃO um site de marketing para raspar; não é um resumo de texto e não é um site de produto. Para uma entrada que não seja um PR (site de produto, site geral, texto de tópico),...

Use quando o usuário quiser um vídeo de lançamento de produto, promoção de SaaS, revelação de funcionalidade, vídeo de marketing de aplicativo/empresa/site, ou um roteiro/briefing transformado em vídeo focado no produto. Os gatilhos incluem vídeo de lançamento para X, promoção para nosso site, explique meu SaaS em um minuto, revelação de funcionalidade para X.com, e transforme este roteiro em uma promoção de 60 segundos. Pode usar uma URL de produto/marketing para captura de marca ou modo sem captura a partir de um briefing/roteiro. Não é para explicadores de tópicos sem produto ou URL (faceless-explainer), PR do GitHub/alteração de código...

Traduza uma composição de vídeo existente do Remotion (baseado em React) para uma composição HTML do HyperFrames. Use SOMENTE quando o usuário solicitar explicitamente portar, converter, migrar, traduzir ou reescrever uma composição do Remotion como HyperFrames (ex.: "portar meu projeto Remotion para HyperFrames"). NÃO use quando (a) estiver criando uma NOVA composição HyperFrames (mesmo que testando A/B um vídeo Remotion); (b) Remotion for mencionado de passagem; (c) código Remotion for compartilhado como referência, não para tradução; (d) o usuário quiser...

Capture um site/URL geral e transforme-o em um vídeo HyperFrames (tour do site, demonstração ou clipe social a partir dos próprios visuais do site). Usa capturas de tela do Chrome headless + ativos da marca. Use quando a intenção for geral — demonstração de portfólio/blog/landing-page ou clipe social a partir do site. NÃO para: lançamento ou promoção de produto/SaaS (→ /product-launch-video, mesmo a partir de uma URL); explicador de tópico sem site (→ /faceless-explainer); PR do GitHub (→ /pr-to-video); adicionar legendas a vídeo existente (→...