product-launch-videopor HeyGen

Product Launch Video Skill.

Un skill de Claude Code y Codex para motion y video: convierte una URL de producto, guion o briefing en un video de lanzamiento o promoción de producto.

Movimiento y video
Video

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

Encabezado y títulos de sección leídos del archivo original el 2026-09-14 · 32.560 caracteres completos

01 Qué hace

Qué Hace el Skill product-launch-video 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

Orquesta la creación de vídeos de lanzamiento de producto y promocionales mediante un workflow de siete pasos. Toma una URL de producto, un guion pegado o un brief y produce un MP4 vía HyperFrames.

Captura los activos de marca desde sitios en vivo, adopta un preset de frame y lo remezcla sobre los tokens de marca, escribe un storyboard con secuencias de tomas con código de tiempo ajustadas al ritmo de la voz en off, genera narración y BGM, despacha subagentes en paralelo para construir cada frame como HTML, y renderiza tras verificación de lint/check/snapshot. Se dirige a promos de SaaS, revelaciones de funciones, lanzamientos de apps y recorridos por el sitio. Funciona con sesión iniciada en HeyGen o sin conexión con motores locales de TTS/BGM.

Qué produce

Render final de MP4 en renders/video.mp4 con la duración indicada
Hoja de contacto de snapshots en los puntos medios y cortes de los frames para verificación
STORYBOARD.md con secuencias de tomas con código de tiempo y SCRIPT.md cuando se necesita narración

Ver el ejemplo de prompt ↗

Cómo funciona

01
Confirmar el briefing e inicializar el proyecto
La capa de intención bloquea el briefing antes de que comience este workflow.
02
Capturar Activos desde una URL
Ejecuta hyperframes capture en la URL del producto para recopilar capturas de pantalla, estructura del DOM, tokens de marca (colores/fuentes), texto visible y descripciones de activos.
03
Adoptar y remezclar la marca en un Preset de Frame
Elige un preset de frame ya disponible cuyo aspecto encaje con la marca, luego ejecuta build-frame.mjs para copiar el FRAME.md del preset, remapear los colores/fuentes de marca sobre la estructura del preset y copiar su skin de leyendas.
04
Escribir Storyboard con Secuencias de Tomas con Código de Tiempo
Redacta STORYBOARD.md y SCRIPT.md siguiendo la doctrina de story-spine.
05
Generar Audio en Segundo Plano
Tras la aprobación del storyboard, inicia la narración TTS con el proveedor y voz elegidos, obtiene BGM de la biblioteca musical de HeyGen según el estado de ánimo, genera los tiempos de las palabras y continúa con el diseño visual sin esperar.
06
Despachar Subagentes para Construir Frames en Paralelo
Espera a que termine el audio, sincroniza las duraciones, luego construye un paquete acotado por frame y despacha un subagente para cada uno.

02 Encuentra tu caso de uso

Cuándo Usar el Skill product-launch-video

Usa el skill product-launch-video en Claude Code o Codex cuando el trabajo sea de motion y video de este tipo. Ajuste y límites abajo tomados del archivo propio del skill.

Buen caso de uso

Promos de SaaS, revelaciones de funciones, demos de producto, lanzamientos de apps y empresas
Recorridos o presentaciones de sitios donde la página capturada se muestra tal cual
Producto con una URL que se pueda capturar para narración y activos

Conozca los límites

No puede fabricar un respaldo sintético tras una captura de URL fallida
No inventes ni reconstruyas la página cuando la captura no sea utilizable
Las intenciones no relacionadas con marketing o las solicitudes simples de 'hacer un video' se dirigen primero a /hyperframes

Qué proporcionar

Guion o briefing pegadoSe guarda literalmente como user_script.txt. VO_MODE (verbatim o restructured) proviene de BRIEF.md. La capa de intención pregunta una vez cuando llega un guion.
Preferencia de vozSi la solicitud nombra una voz, género o tono, elija un voice id que coincida y pásela con --voice.
Elección de preset de estiloCuando BRIEF.md nombra un style_preset, el usuario lo eligió a simple vista en las muestras de la capa de intención.
Estado de ánimo musical o ningunoEl estado de ánimo del BGM proviene del campo music: del storyboard. music: none desactiva el BGM. El marcador canónico de silencio total es music: none junto con la ausencia de SCRIPT.md.

03 Dentro del skill

Reglas que el skill product-launch-video 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.

Mostrar el estado de inicio de sesión antes de dejar la configuración
Ejecute hyperframes auth status y transmita su salida literalmente. Informa si la voz/BGM usará HeyGen o motores locales. El código de salida 1 es el estado normal de sesión no iniciada, no un fallo.
Buscar en el catálogo antes de diseñar looks con nombre
Para cada look que el briefing nombre (CRT scanlines, glitch, film grain), ejecute hyperframes catalog --query antes de escribirlo en STORYBOARD.md.
La sincronización de duración es mecánica, nunca edite a mano
La duración real de la voz gana. Los fotogramas silenciosos mantienen las estimaciones. Ejecute audio.mjs sync-durations al terminar el audio. Nunca edite a mano las duraciones sincronizadas en el storyboard.
Los workers solo escriben el HTML de su fotograma
Cada subagente lee únicamente su packet y frame.md, escribe únicamente compositions/frames/NN-*.html, y nunca debe editar STORYBOARD.md.
Fondos a sangre completa en la capa de clip, no en la raíz
El fondo de un fotograma (campo de color, gradiente, cuadrícula) es su propio clip de fondo de duración completa.
Una captura fallida es una parada total
Una salida distinta de cero, JSON ok: false, o capture/BLOCKED.md detienen el proceso de captura. Informe el motivo y no consuma capturas de pantalla, DOM ni activos parciales.
Siempre pase las verificaciones antes de renderizar
Ejecute lint, check y snapshot en los puntos medios de cada fotograma y en cada corte. Inspeccione fallos de layout y saltos. Corrija cualquier discontinuidad visible antes de renderizar.

04 Ponlo a trabajar

Instalar product-launch-video 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.

Agregar product-launch-video 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 product-launch-video

Forma genérica de la CLI skills para skills/product-launch-video/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

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.

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 hyperframes lint para verificar el índice y los fotogramas ensamblados
Ejecute hyperframes check para validar la estructura antes de renderizar
Capture instantáneas en los puntos medios de cada fotograma y en cada corte, compare las imágenes para detectar saltos
Verifique las transiciones para asegurarse de que las transiciones inyectadas sean correctas
Confirma que el JSON de captura reportó ok: true y que no existe BLOCKED.md
Espera a que termine el audio del paso 3.1 antes de sincronizar duraciones y ensamblar

En OpenDesign importe product-launch-video 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/product-launch-video/SKILL.md Checksum de contenido registrado en verificación; commit 558c11b
License: Apache-2.0 De LICENSE.
Estrellas del repositorio: 49.761 Captura de GitHub tomada el 2026-09-14 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 product-launch-video.
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

Product Launch to HyperFramesResumen del rol del orquestador y el workflow de siete pasos desde la URL hasta el MP4
Paso 0: ConfiguraciónConfirme el briefing de la capa de intención, inicialice el proyecto HyperFrames, muestre el estado de inicio de sesión
Paso 1: Capturar activosEjecute hyperframes capture sobre la URL o construya la ruta sin captura a partir de un guion pegado
Paso 2: Sistema de DiseñoElija el preset de fotograma, remezcle los tokens de marca sobre él, copie el skin de los subtítulos
Paso 3: Storyboard y GuionEscriba STORYBOARD.md y SCRIPT.md, ejecute el ciclo de revisión, obtenga la aprobación del plan
Paso 3.1: AudioGenere la narración TTS, los tiempos de las palabras, obtenga la BGM según el ánimo, ejecute en segundo plano
Paso 4: Diseño Visual de FotogramasBosqueje el tablero si es colaborativo, agregue secuencias de tomas con códigos de tiempo y movimiento en línea
Paso 5: Construir FotogramasSincronice duraciones, obtenga efectos de sonido, despache subagentes por fotograma, ensamble el índice y los subtítulos
Paso 6: FinalizarInyecte transiciones, ejecute lint/check/snapshot, pause para revisión, renderice el MP4
Referencia RápidaFormatos, scripts en segundo plano y tabla de referencia de documentos por paso

La descripción propia del Skill

«Convierte una URL de producto o marketing, un guion pegado o un briefing en un video de lanzamiento/promoción de producto — promos SaaS, presentaciones de funciones, demos de producto, lanzamientos de app y empresa. Usa cuando el usuario quiera comercializar, lanzar, promocionar o revelar un producto; opción predeterminada para cualquier URL comercial. Tours/presentaciones de sitios web se dirigen aquí también — el briefing lleva la intención de mostrarlo tal cual. No claro → /hyperframes.»

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

06 Antes de instalar

Preguntas Sobre el Skill product-launch-video

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

¿Necesito una cuenta de HeyGen para usar este skill?

No es obligatorio. El workflow muestra el estado de inicio de sesión antes de dejar Setup e informa si la voz y la BGM usarán HeyGen o motores locales. Si no ha iniciado sesión, continúa con los motores locales disponibles (Kokoro para TTS). Iniciar sesión habilita las voces Starfish y la biblioteca musical de HeyGen.

¿Qué formatos y duraciones de video produce esto?

Horizontal 1920x1080, vertical 1080x1920, o cuadrado 1080x1080, derivado del campo de destino en BRIEF.md. La duración se establece como una expectativa aproximada a partir del campo de longitud del briefing; el ensamblaje informa dónde queda el corte final respecto a ella. La respuesta final indica la ruta del MP4 y la duración real.

Product Launch Video

Ejecuta product-launch-video en una Tarea Real de Motion y Video.

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

Descargar OpenDesign Ver todas las skills