faceless-explainerpor HeyGen

Faceless Explainer Skill.

Una skill de Claude Code y Codex para motion y video: convierte texto, notas o un artículo en un video explicativo sin rostro con visuales de escena inventados.

Movimiento y video
Video

Descargar OpenDesign Ver guía 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

Metadatos iniciales y encabezados de sección leídos del archivo original el 14/09/2026 · 29 476 caracteres en total

01 Qué hace

Qué Hace el Skill faceless-explainer en Claude Code y Codex

Resumen, flujo de trabajo y resultados, todo leído del SKILL.md del skill.

Del SKILL.mdLeído 2026-09-14 · no es una ejecución registrada

En los propios términos del Skill

Convierte texto arbitrario —un artículo, notas, un tema, un briefing— en un vídeo explicativo sin rostro con visuales de escena inventados (tipografía, gráficos abstractos, diagramas, visualización de datos). Funciona mediante siete pasos orquestados: configuración con confirmación del briefing, paquete de captura sintética (sin sitio web), selección del sistema de diseño a partir de presets de frame incluidos con posible remezcla de tokens de marca opcional, guion gráfico y guion usando diseño narrativo para reformular la entrada, generación de audio con TTS y música de fondo, diseño visual añadiendo secuencias de planos con códigos de tiempo con elementos inventados, construcción paralela de frames mediante sub-agentes, y renderizado final.

Puntos de control gestionados por el usuario en los pasos 0, 3 y 6 en modo colaborativo. Sin rostro significa que no hay paso de captura ni inventario real de activos: cada elemento visual es inventado más adelante por los workers.

Qué produce

STORYBOARD.md con un plan de enseñanza fotograma a fotograma, secuencias de planos con códigos de tiempo, y roles/focos inventados
compositions/frames/NN-*.html — una composición HTML por fotograma construida por sub-agentes
renders/video.mp4 — el video final renderizado en horizontal 1920x1080, vertical 1080x1920, o cuadrado 1080x1080

Ver el ejemplo de prompt ↗

Cómo funciona

01
Confirmar el briefing e inicializar el proyecto
BRIEF.md existe y determina el modo — léalo y no pregunte nada. Si falta y el proyecto es nuevo, ejecute la capa de intención para fijar el briefing.
02
Crear un paquete de captura sintética
Guarde la entrada completa del usuario textualmente en capture/extracted/visible-text.txt (la fuente de información).
03
Elegir un preset de frame y construir frame.md
Elija un preset ya incluido en hyperframes-creative/frame-presets/ que se ajuste al tema y al tono.
04
Escribir el storyboard con diseño narrativo
Convierta el texto en un plan de enseñanza fotograma a fotograma usando la estructura de story-design.md.
05
Generar audio y añadir diseño visual
Ejecute audio.mjs en segundo plano para TTS, sincronización de palabras y música de fondo de la biblioteca de HeyGen.
06
Construir los fotogramas y ensamblar el índice
Sincronice las duraciones, construya los paquetes por fotograma, despache un sub-agente por fotograma en paralelo. Cada worker escribe compositions/frames/NN-*.html. Construya los subtítulos en segundo plano.

02 Encuentra tu caso de uso

Cuándo usar el Skill faceless-explainer

Usa el skill faceless-explainer en Claude Code o Codex cuando el trabajo sea motion y video de este tipo. El ajuste y los límites a continuación se toman del archivo propio del skill.

Buen caso de uso

Explicaciones de temas, desglose de conceptos, tutoriales y listados
Explicar un tema a partir de texto, sin producto ni sitio web que capturar
Cuando cada elemento visual debe inventarse: tipografía, gráficos abstractos, diagramas o visualización de datos

Conozca los límites

Video construido a partir de un sitio web para promoción o recorrido de producto
Cuando hay un paso de captura o se necesita un inventario de activos reales
Solicitud simple de "hacer un video" o cualquier incertidumbre — debe pasar primero por la capa de intención

Qué proporcionar

Fuente de texto arbitrariaUn artículo, notas, un tema o un briefing — la entrada completa guardada textualmente como capture/extracted/visible-text.txt.
Guion opcional del usuarioSi el usuario pegó un guion o quiere que se conserve su redacción, guárdelo textualmente como user_script.txt. VO_MODE (textual o reestructurado) proviene de BRIEF.md.
Colores o fuentes de marca opcionalesDeje vacíos los colores y fuentes de tokens.json a menos que el usuario haya indicado explícitamente colores o fuentes de marca.
Preferencia de voz opcionalSi la solicitud especificaba una voz, un género o un tono, elija un id de voz coincidente y pase --voice <id>.
Imagen real opcionalSi el usuario proporcionó una imagen real, colóquela en public/<basename> y anótela para el Paso 3.

03 Dentro del skill

Reglas que el Skill faceless-explainer da a Claude Code y Codex

7 instrucciones concretas, valores predeterminados y límites que el SKILL.md establece para el agente: la parte del archivo que cambia el resultado.

Regla inicial para el manejo del briefing
Si existe BRIEF.md, léalo y no pregunte nada — el briefing ya está establecido.
Sin paso de captura para videos sin rostro
No ejecute npx hyperframes capture — no hay URL. No cree asset-descriptions.md ni rellene capture/assets/. Los elementos visuales sin rostro se inventan en los Pasos 4-5, no se capturan.
Ejecute los pasos en orden con puntos de control
Trabaje a través del Paso 0 configuración, Paso 1 briefing, Paso 2 sistema de diseño, Paso 3 storyboard, Paso 3.1 audio, Paso 4 diseño visual, Paso 5 frames, Paso 6 finalización.
Deje Asset_candidates vacío por defecto
Los frames no incluyen un inventario de assets en videos sin rostro. Deje asset_candidates vacío a menos que el usuario haya proporcionado una imagen public/<basename> real.
Busque en el catálogo antes de inventar estilos
Para cada estilo, efecto o transición mencionado en el briefing, ejecute npx hyperframes catalog --query con inglés sencillo antes de escribirlo en STORYBOARD.md.
Fondos a sangre completa en la capa de clip
El fondo de un frame (campo de color, gradiente, cuadrícula) es su propio clip de fondo de duración completa con class="clip".
La sincronización de duración es mecánica
La duración real de la voz prevalece; los frames silenciosos mantienen las estimaciones. Ejecute audio.mjs sync-durations al finalizar el Paso 3.1. Nunca edite manualmente las duraciones sincronizadas.

04 Ponlo a trabajar

Instalar faceless-explainer en Claude Code o Codex

Un comando npx skills add, luego una primera tarea en tu agente y una lista de verificación para el resultado.

Agrega faceless-explainer a Claude Code, Codex o tu agente

Ejecútelo en su proyecto; el instalador pregunta a qué agente añadirlo.

Terminal

npx skills add https://github.com/heygen-com/hyperframes --skill faceless-explainer

Forma genérica de la CLI skills para skills/faceless-explainer/SKILL.md; el repositorio puede documentar su propia ruta.

Dale al Skill una Primera Tarea de Motion y Video

Redactado en los términos del propio skill; sustituya las partes entre corchetes por su 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].

Fuente: redactado a partir del SKILL.md en los términos del propio skill.

Revisa el primer resultado

Lo que el propio SKILL.md indica que debe ser un resultado correcto:

Ejecute npx hyperframes lint para validar la estructura
Ejecute npx hyperframes check para detectar desbordamientos de texto y problemas de maquetación
Ejecute npx hyperframes snapshot en los puntos medios de los frames para crear una hoja de contacto y échele un vistazo para detectar fallos evidentes
Ignore el text_box_overflow de 1-4px en palabras de subtítulos (#caption-word-*, .caption-line) — falso positivo esperado por el interlineado ajustado
Actúe sobre text_box_overflow solo cuando señale un elemento de frame (#el-NN-*), no una palabra de subtítulo
Ejecute transitions.mjs inject y verify antes del renderizado final para comprobar el tiempo de las transiciones

En OpenDesign importe faceless-explainer desde su enlace SKILL.md: Plugins → Add → Skill → Import from link, luego selecciónelo en la barra superior.

Descargar OpenDesign Leer la guía de inicio rápido

05 Código abierto, rastreable

Fuente, Licencia y Verificación

De dónde provienen los datos de esta página y cuándo se verificaron por última vez.

Author: HeyGen
Repository: github.com/heygen-com/hyperframes Rama main
Archivo de skill: skills/faceless-explainer/SKILL.md Suma de verificación del contenido registrada en la verificación; commit 558c11b
License: Apache-2.0 De LICENSE.
Estrellas del repositorio: 49.761 Instantánea de GitHub tomada el 14 de septiembre de 2026 para todo el repositorio heygen-com/hyperframes, que contiene 9 skills en este catálogo. No es una calificación o conteo de uso para faceless-explainer.
Verificado por OpenDesign: 14/09/2026 Se verificaron el archivo fuente, la ruta, el texto de licencia y el recuento de estrellas. No incluido en OpenDesign principal (verificado el 28/08/2026); no se ha registrado una ejecución en vivo en esta página.

Dentro del SKILL.md

Paso 0: ConfiguraciónConfirmar el briefing, inicializar el proyecto, escribir BRIEF.md, registrar preferencias, mostrar el estado de inicio de sesión
Paso 1: Briefing (sin captura)Guardar la entrada como visible-text.txt, crear tokens.json sintético, sin captura de sitio web ni recursos
Paso 2: Sistema de diseñoElegir un preset de frame incluido, ejecutar build-frame.mjs para remezclar los tokens de marca sobre el preset
Paso 3: Storyboard y guionEscribir un plan didáctico frame por frame con diseño narrativo, presentarlo como propuesta, iterar hasta su aprobación
Paso 3.1: AudioGenerar narración con TTS, sincronización de palabras, música de fondo de la biblioteca de HeyGen, metadatos de audio
Paso 4: Diseño visual del frameAñadir secuencias de planos con código de tiempo, focales/roles inventados, disposición y movimiento en línea por escena
Paso 5: Construir framesSincronizar duraciones, construir paquetes, despachar subagentes por frame, ensamblar el índice, generar subtítulos
Paso 6: FinalizarInsertar transiciones, ejecutar lint/check/snapshot, pausar para revisión, renderizar el MP4 final
Referencia rápidaFormatos, diferencias de faceless frente al workflow con recursos capturados, scripts de fondo, tabla de referencia

La descripción propia del Skill

"Convierte texto arbitrario —un artículo, notas, un tema, un briefing— en un video explicativo sin rostro: no hay sitio ni material de archivo que capturar, así que las visuales se inventan por escena (tipografía, gráficos abstractos, diagramas, visualización de datos). Úsalo para explicadores de temas, desglose de conceptos, tutoriales, listas. No es un video construido desde un sitio web (/product-launch-video — promocional o tour). ¿No está claro? → /hyperframes."

Descripción del front-matter de SKILL.md. El archivo completo tiene aproximadamente 29.476 caracteres. Lee el archivo completo en GitHub.

06 Antes de instalar

Preguntas sobre el skill faceless-explainer

Las respuestas provienen del SKILL.md tal como se leyó el 2026-09-14, no de una ejecución registrada.

¿Esto funciona en los modos colaborativo y autónomo?

Sí. En modo colaborativo, las puertas de aprobación del usuario se ejecutan en los Pasos 0, 3 y 6, con revisión de bocetos en el Paso 4. En modo autónomo, el mismo resumen se publica como aviso y los bocetos se integran en la construcción, manteniendo una sola pregunta de vista previa en el Paso 6.

¿Qué pasa si no tengo una cuenta de HeyGen para voz o música?

El Paso 0 muestra el estado de inicio de sesión antes de continuar. Cuando no ha iniciado sesión, el audio recurre automáticamente a motores locales (Kokoro para TTS). Puede elegir el modo colaborativo para esperar el inicio de sesión, o el autónomo para continuar con los motores locales disponibles.

¿Qué formatos de video admite la salida?

Horizontal 1920x1080, vertical 1080x1920, o cuadrado 1080x1080. El formato se deriva del destino indicado en BRIEF.md y se fija una vez en el frontmatter del storyboard.

Faceless Explainer

Ejecuta faceless-explainer en una tarea real de Motion y Video.

Descarga OpenDesign, importa faceless-explainer desde su enlace SKILL.md, pega el prompt anterior y lee el plan antes del resultado.

Descargar OpenDesign Ver todas las skills