faceless-explainerpor HeyGen

Faceless Explainer Skill.

Um agente para Claude Code e Codex focado em motion e vídeo: transforma texto, anotações ou artigos em vídeos explicativos sem apresentador, com visuais de cena gerados automaticamente.

Motion e Vídeo
Video

Baixar OpenDesign Ver guia de uso

heygen-com/hyperframes · skills/faceless-explainer/SKILL.mdSKILL.md

--- name: faceless-explainer description: Turn arbitrary text — an article, notes, a topic, a brief — into a faceless explainer video: there is no site or footage to capture, so the visuals are invented per scene (typography, abstract graphics, diagrams, data-viz). Use for topic explainers, concept breakdowns, how-tos, listicles. Not a video built from a website (/product-launch-video — promo or tour). Unclear → /hyperframes. --- ## Step 0: Setup ## Step 1: Brief (no capture) ## Step 2: Design System ## Step 3: Storyboard and Script ## Step 3.1: Audio ## Step 4: Frame Visual Design

Metadados e títulos de seção lidos do arquivo original em 14/09/2026 · 29.476 caracteres no total

01 O que faz

O que o skill faceless-explainer 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

Transforma um texto qualquer — um artigo, notas, um tema, um briefing — em um vídeo explicativo sem rosto, com visuais de cena inventados (tipografia, gráficos abstratos, diagramas, data-viz). Funciona por meio de sete etapas orquestradas: configuração com confirmação do briefing, pacote de captura sintética (sem site), seleção do sistema de design a partir de presets de frame incluídos, com remix opcional de tokens de marca, storyboard e roteiro usando design narrativo para reformular o conteúdo de entrada, geração de áudio com TTS e BGM, design visual adicionando sequências de shots com código de tempo e elementos inventados, construção paralela de frames via sub-agentes e renderização final.

Pontos de verificação controlados pelo usuário nas etapas 0, 3 e 6 no modo colaborativo. Sem rosto significa que não há etapa de captura nem inventário real de assets — todo visual é inventado posteriormente pelos workers.

O que ele produz

STORYBOARD.md com plano de ensino quadro a quadro, sequências de planos com código de tempo, e foco/papéis inventados
compositions/frames/NN-*.html — uma composição HTML por quadro, criada por sub-agentes
renders/video.mp4 — o vídeo final renderizado em paisagem 1920x1080, retrato 1080x1920, ou quadrado 1080x1080

Veja o exemplo de prompt ↗

Como funciona

01
Confirmar Briefing e Inicializar Projeto
BRIEF.md existe e determina o modo — leia-o e não pergunte nada. Se estiver ausente e o projeto for novo, execute a camada de intenção para fechar o briefing.
02
Criar Pacote de Captura Sintética
Salve a entrada completa do usuário literalmente como capture/extracted/visible-text.txt (a fonte de informação).
03
Escolher Preset de Quadro e Construir frame.md
Escolha um preset já pronto em hyperframes-creative/frame-presets/ que se encaixe no tema e no tom.
04
Escrever Storyboard com Design Narrativo
Transforme o texto em um plano de ensino quadro a quadro usando a estrutura de story-design.md.
05
Gerar Áudio e Adicionar Design Visual
Execute audio.mjs em segundo plano para TTS, marcações de tempo de palavras, e BGM da biblioteca HeyGen.
06
Construir Quadros e Montar o Índice
Sincronize as durações, construa os pacotes por quadro, dispare um sub-agente por quadro em paralelo. Cada worker grava compositions/frames/NN-*.html. Construa as legendas em segundo plano.

02 Encontre o ideal para você

Quando Usar a Skill faceless-explainer

Use a skill faceless-explainer no Claude Code ou Codex quando o trabalho for motion e vídeo deste tipo. Adequação e limites abaixo são retirados do próprio arquivo da skill.

Boa Combinação

Explicações de tópicos, análises de conceitos, tutoriais e listas
Explicar um tópico a partir de texto, sem produto e sem site para capturar
Quando cada visual precisa ser inventado: tipografia, gráficos abstratos, diagramas ou visualização de dados

Conheça os Limites

Vídeo construído a partir de um site para promoção ou tour de produto
Quando há uma etapa de captura ou é necessário um inventário real de assets
Pedido genérico de "fazer um vídeo" ou qualquer incerteza — deve passar primeiro pela camada de intenção

O Que Fornecer

Fonte de texto arbitráriaUm artigo, notas, um tópico ou um briefing — a entrada completa salva literalmente como capture/extracted/visible-text.txt.
Roteiro opcional do usuárioSe o usuário colou um roteiro ou quer manter sua própria redação, salve-o literalmente como user_script.txt. O VO_MODE (literal ou reestruturado) vem do BRIEF.md.
Cores ou fontes de marca opcionaisDeixe as cores e fontes de tokens.json vazias, a menos que o usuário tenha informado explicitamente cores ou fontes de marca.
Preferência de voz opcionalSe o pedido especificou uma voz, gênero ou tom, escolha um id de voz correspondente e passe --voice <id>.
Imagem real opcionalSe o usuário forneceu uma imagem real, coloque-a em public/<basename> e anote isso para o Step 3.

03 Dentro da skill

Regras que o Skill faceless-explainer dá 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.

Regra Inicial para Tratamento do Briefing
Se BRIEF.md existir, leia-o e não pergunte nada — o briefing está definido.
Nenhuma Etapa de Captura para Vídeos Sem Rosto
Não execute npx hyperframes capture — não há URL. Não crie asset-descriptions.md nem preencha capture/assets/. Os visuais sem rosto são inventados nos Steps 4-5, não capturados.
Execute as Etapas em Ordem com Portões
Percorra o Step 0 configuração, Step 1 briefing, Step 2 design system, Step 3 storyboard, Step 3.1 áudio, Step 4 design visual, Step 5 frames, Step 6 finalização.
Deixe Asset_candidates Vazio por Padrão
Frames não carregam um inventário de assets em vídeos sem rosto. Deixe asset_candidates vazio, a menos que o usuário tenha fornecido uma imagem real em public/<basename>.
Pesquise no Catálogo Antes de Inventar Estilos
Para cada estilo, efeito ou transição nomeado que o briefing mencionar, execute npx hyperframes catalog --query em inglês simples antes de escrevê-lo em STORYBOARD.md.
Fundos Full-bleed na Camada de Clip
O plano de fundo de um frame (campo de cor, gradiente, grade) é o seu próprio clip de fundo com duração total e class="clip".
A Sincronização de Duração É Mecânica
A duração real da voz prevalece; frames silenciosos mantêm as estimativas. Execute audio.mjs sync-durations depois que o Step 3.1 terminar. Nunca edite manualmente as durações sincronizadas.

04 Coloque em prática

Instalar faceless-explainer no Claude Code ou Codex

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

Adicionar faceless-explainer 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 faceless-explainer

Forma genérica da CLI skills para skills/faceless-explainer/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

Turn this article about compound interest into a 60-second explainer video for young adults. Use clean modern graphics with invented diagrams showing how money grows over time. Keep the tone approachable and use a female voice for narration. Format: [landscape/portrait/square]. Destination: [Instagram/YouTube/LinkedIn].

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 npx hyperframes lint para validar a estrutura
Execute npx hyperframes check para detectar overflow de texto e problemas de layout
Execute npx hyperframes snapshot nos pontos médios dos frames para criar uma folha de contato, e dê uma olhada rápida para identificar quebras óbvias
Ignore text_box_overflow de 1-4px em palavras de legenda (#caption-word-*, .caption-line) — falso positivo esperado devido ao line-height apertado
Só aja em text_box_overflow quando ele nomear um elemento de frame (#el-NN-*), não uma palavra de legenda
Execute transitions.mjs inject e verify antes da renderização final para checar o timing das transições

No OpenDesign importe faceless-explainer a partir do link do 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/faceless-explainer/SKILL.md Checksum de 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 todo o repositório heygen-com/hyperframes, que contém 9 skills neste catálogo. Não é uma classificação ou contagem de uso para faceless-explainer.
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

Etapa 0: ConfiguraçãoConfirmar o briefing, inicializar o projeto, escrever o BRIEF.md, registrar preferências, mostrar status de login
Etapa 1: Briefing (sem captura)Salvar a entrada como visible-text.txt, criar tokens.json sintético, sem captura de site ou de assets
Etapa 2: Sistema de DesignEscolher um preset de frame já incluído, executar build-frame.mjs para remixar os tokens da marca sobre o preset
Etapa 3: Storyboard e RoteiroEscrever um plano de ensino quadro a quadro com design narrativo, apresentar como proposta, repetir até ser aprovado
Etapa 3.1: ÁudioGerar narração com TTS, marcações de tempo por palavra, BGM da biblioteca da HeyGen, metadados de áudio
Etapa 4: Design Visual do FrameAdicionar sequências de planos com código de tempo, focos/papéis inventados, layout e movimento inline por cena
Etapa 5: Construir FramesSincronizar durações, montar pacotes, despachar subagentes por frame, montar o índice, gerar legendas
Etapa 6: FinalizarInserir transições, executar lint/check/snapshot, pausar para revisão, renderizar o MP4 final
Referência RápidaFormatos, diferenças do faceless em relação ao workflow com assets capturados, scripts em segundo plano, tabela de referência

A Descrição da Própria Skill

"Transforme texto arbitrário — um artigo, notas, um tópico, um briefing — em um vídeo explicativo sem rosto: não há site ou filmagem para capturar, então os visuais são inventados por cena (tipografia, gráficos abstratos, diagramas, visualização de dados). Use para explicações de tópicos, detalhamento de conceitos, tutoriais, listas. Não é um vídeo construído a partir de um site (/product-launch-video — promo ou tour). Não está claro → /hyperframes."

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

06 Antes de instalar

Perguntas Sobre a Skill faceless-explainer

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

Isso funciona nos modos colaborativo e autônomo?

Sim. No modo colaborativo, os pontos de aprovação do usuário ocorrem nas Etapas 0, 3 e 6, com revisão de esboço na Etapa 4. No modo autônomo, o mesmo resumo é publicado como um aviso e os esboços são incorporados diretamente à construção, mantendo apenas uma pergunta de pré-visualização na Etapa 6.

E se eu não tiver uma conta HeyGen para voz ou música?

A Etapa 0 mostra o status de login antes de continuar. Quando você está deslogado, o áudio recorre automaticamente a mecanismos locais (Kokoro para TTS). Você pode escolher o modo colaborativo para esperar o login, ou o autônomo para continuar usando os mecanismos locais disponíveis.

Quais formatos de vídeo o resultado final suporta?

Paisagem 1920x1080, retrato 1080x1920 ou quadrado 1080x1080. O formato é derivado do destino definido no BRIEF.md e configurado uma única vez no frontmatter do storyboard.

Faceless Explainer

Execute faceless-explainer em uma tarefa real de Motion e Vídeo.

Baixe OpenDesign, importe faceless-explainer do link SKILL.md, cole o prompt acima e leia o plano antes do resultado.

Baixar OpenDesign Ver todas as skills