Saltar al contenido

Probada en una tarea realOficial del fabricanteVideo, imagen y audio

HyperFrames (HeyGen)

Convierte tus fotos de producto y unas pocas líneas de texto en un video MP4 pulido y exportado, hecho en tu propia computadora.

Mira lo que creó

Instala HyperFrames (HeyGen) gratis

Deja tu email y los pasos de instalación se abren aquí mismo: un prompt para pegar en tu herramienta de IA. Sirve para las 149 skills.

Sin spam. Te das de baja con un clic. Usamos tu correo para enviarte el curso y consejos de IA.

Nuestra nota
8/10
Funciona en
Claude Code, Codex+6 más

Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, Antigravity, OpenCode, Windsurf y más de 60 herramientas de IA que leen skills.

¿Hace falta programar?
No
Tiempo hasta el resultado
25 min
Creado por
HeyGen
Probada
19 oct 2026
El loop de encabezado terminado de 15 segundos: el eslogan sobre la taza, el torno, el nombre y $34, los tres esmaltes y luego el envío gratis, terminando en la toma inicial para que se repita limpio.

La respuesta corta

HyperFrames es la skill de video de HeyGen para Claude Code. Claude construye el video como una página web animada y luego lo exporta a MP4 en tu computadora, a partir de un brief, tus fotos, un sitio web, material grabado o música. Le sirve a dueños de tiendas, marketers y creadores que quieren promos, loops para encabezados, videos explicativos o clips con subtítulos sin aprender software de edición. Nuestro veredicto es 8/10: en nuestra prueba convirtió cinco fotos en un loop tranquilo y premium de 15 segundos para el encabezado de un sitio web listo para usar, pero necesitas Claude Code y algunas herramientas locales, y conviene cambiar algunos valores por defecto.

Ideal para: Dueños de tiendas y marketers que quieren un loop de producto o de marca pulido y sin sonido para el encabezado de un sitio web o una publicación en redes, hecho con sus propias fotos y textos.

¿Quieres este resultado en tu propio trabajo?

Regístrate gratis e instala HyperFrames (HeyGen) en un minuto. Un solo email abre los pasos de instalación de todas las skills del sitio.

Sin spam. Te das de baja con un clic. Usamos tu correo para enviarte el curso y consejos de IA.

Cuándo vale la pena usarla

Loop de producto para el encabezado de tu sitio

En nuestra prueba, la dueña de un taller de cerámica dio cinco fotos, un eslogan, un precio, tres nombres de esmalte y una oferta de envío. Claude devolvió un loop sin sonido de 15 segundos en 16:9 con transiciones suaves de foco que termina en su toma inicial, así se repite sin saltos.

Promo de lanzamiento desde tu página de producto

Dale la dirección de tu página de producto y puede capturar el look y las pantallas del sitio, y luego armar una promo o un recorrido por el sitio. La skill dice que funcionan mejor entre 30 y 90 segundos.

Subtítulos y títulos en clips de entrevistas

Entrega una grabación de alguien hablando a cámara o un podcast y agrega subtítulos simples, o títulos con nombre y tarjetas de información diseñadas, sin cambiar el material en sí.

Cómo conseguir un gran resultado

  1. Instálala junto con las herramientas que necesita

    Instálala (pasos abajo) y asegúrate de que tu computadora tenga Node.js 22 o más nuevo, FFmpeg y Google Chrome. Claude puede comprobarlo por ti.

  2. Reúne tu material

    Pon tus fotos, logo o clips en una carpeta y escribe las palabras exactas que quieres en pantalla. La skill usa tu texto tal como está escrito y no agrega datos propios.

  3. Describe el video en un mensaje

    Di cuánto debe durar, dónde se va a reproducir (sitio web, YouTube, Reels) y el tono. Claude puede hacer una pregunta a la vez, como si quieres revisar primero un storyboard y si armarlo contigo o hacerlo por su cuenta. Di "simplemente hazlo" para saltarte esas preguntas.

  4. Revisa la vista previa antes de exportar

    Claude corre sus revisiones integradas y muestra cuadros fijos. Luego abre una vista previa donde puedes hacer clic para cambiar texto o arrastrar clips, y pregunta "¿exporto ya, o qué cambios?". En nuestra prueba, los cuadros fijos detectaron un título partido y una taza recortada antes de exportar.

  5. Exporta y revisa el archivo

    Claude exporta el MP4 y lo revisa. Para un sitio web, pide un archivo de tamaño web: la exportación por defecto de máxima calidad en nuestra prueba pesó 23 MB, y la versión web 6.6 MB sin pérdida visible.

Este es el prompt exacto con el que empezamos nuestra prueba:

El prompt que usamos
Haz un video de producto de 15 segundos en 16:9 de la Speckled Mug para que se reproduzca arriba de todo en mi sitio web: mis fotos, la frase 'Handmade stoneware for slow mornings', el precio $34, los tres esmaltes (Speckled Oat, Ash Green, Midnight) y 'Free US shipping over $75'. Tranquilo, premium, con movimiento suave. Expórtalo a MP4.

Cómo fue la sesión

La conversación de nuestra prueba, resumida. Unos 25 minutos desde el primer prompt hasta el resultado final.

  1. Tú: Haz un video de producto de 15 segundos en 16:9 de la Speckled Mug para que se reproduzca arriba de todo en mi sitio web: mis fotos, la frase 'Handmade stoneware for slow mornings', el precio $34, los tres esmaltes (Speckled Oat, Ash Green, Midnight) y 'Free US shipping over $75'. Tranquilo, premium, con movimiento suave. Expórtalo a MP4.
  2. AI: Es una petición nueva y totalmente especificada, así que la capa de intención de la skill no tiene nada que preguntar sobre el mensaje. La dirige al flujo de video general (no hay URL de sitio que capturar, y 15 segundos está por debajo del rango ideal de 30 a 90 segundos de la ruta de lanzamiento de producto). Normalmente haría aquí dos preguntas sobre la forma de trabajo (¿revisar primero un storyboard? ¿armarlo juntos o dejar que lo haga yo?). En esta sesión de prueba...
  3. AI: Antes de escribir HTML la skill me hizo leer sus reglas de estilo propio, composición de video, tipografía y transiciones. Decisiones que salieron de esos archivos: una paleta cálida y clara "papel avena" con un único acento verde ceniza; fuentes elegidas con el script de búsqueda de Google Fonts de la skill (Newsreader, una serifa ligera, más Hanken Grotesk para la pequeña marca), incrustadas localmente para que las exportaciones sean deterministas; tranquilo...
  4. AI: Una idea propia dentro de las reglas de la skill: la última toma vuelve a la primera foto con el encuadre exacto del inicio y el texto se desvanece, así el video se repite sin cortes como encabezado del sitio.
  5. AI: Las capturas detectaron tres problemas reales que las revisiones no vieron: "The Speckled Mug" se partía en dos líneas, las transiciones con mucho desenfoque traían un halo pálido desde los bordes del cuadro y la base de la taza quedaba recortada abajo. Los corregí (título más chico, escenas que sobresalen 64px fuera del cuadro, un acercamiento más suave), y una exportación posterior mostró la línea del precio tocando el signo de dólar, que también...
  6. AI: Listo. speckled-mug.mp4 es un loop de 15 segundos sin sonido en cinco momentos tranquilos, y poster.png es el cuadro del eslogan. Para que sepas: las muestras de esmalte son aproximaciones de color sacadas de los nombres de los esmaltes, no ajustadas a tus piezas reales. La toma del precio usa la foto de la taza en las manos, y la taza ahí se ve verde en vez de moteada. Puedes seguir editando en HyperFrames Studio, o en la de HeyGen...

Qué funcionó y dónde se quedó corta

Qué funcionó

  • El video se ve realmente premium y tranquilo: transiciones suaves de cambio de foco, una cámara que se desliza lenta, una serifa elegante y cada línea de texto exactamente como se dio ($34, los tres nombres de esmalte, la línea de envío)
  • Funciona bien como encabezado de sitio web: 1920x1080 H.264, 15.0 s, 6.6 MB, inicio rápido, y el último cuadro coincide con el primero, así que la repetición no tiene saltos visibles
  • Los controles de calidad integrados son reales: check audita layout, movimiento y contraste WCAG (pasan 8 de 8 revisiones de texto), y las hojas de capturas hicieron fácil detectar errores visuales antes de exportar
  • Totalmente local y determinista: sin cuenta, sin subir nada, y la exportación tomó unos 15 segundos

Dónde se quedó corta

  • Varias asperezas necesitaron arreglos a mano: las transiciones con desenfoque traían halos pálidos desde los bordes del cuadro, el primer título se partía, y el ayudante de mapa de animación solo corrió después de fijar una versión de paquete y apuntarlo a Chrome
  • Valores por defecto que la dueña de una tienda no esperaría: la exportación 'delivery' pesa 23 MB (demasiado para una página de inicio), la telemetría anónima de uso está activada y el instalador de skills escribe 11 skills en tu carpeta global de skills de Claude
  • No se inventó nada factual, pero los colores de las muestras de esmalte son aproximaciones sacadas de los nombres de los esmaltes, y la foto de la toma del precio muestra una taza verde en vez de la moteada

¿Quieres este resultado en tu propio trabajo?

Regístrate gratis e instala HyperFrames (HeyGen) en un minuto. Un solo email abre los pasos de instalación de todas las skills del sitio.

Sin spam. Te das de baja con un clic. Usamos tu correo para enviarte el curso y consejos de IA.

Prompts que funcionan

Cambia las partes entre corchetes por tus propios datos. No hace falta nombrar la skill: pide el trabajo y tu herramienta de IA la usa sola.

Loop de producto para el encabezado del sitio
Haz un video de producto de [15] segundos en 16:9 de [nombre del producto] para que se reproduzca arriba de todo en mi sitio web: mis fotos en [carpeta], la frase '[tu eslogan]', el precio [$precio], [las opciones, como colores o tamaños] y '[tu oferta]'. Tranquilo, premium, con movimiento suave. Expórtalo a MP4.
Promo de lanzamiento desde una URL
Haz un video de lanzamiento de [45] segundos para [producto] a partir de mi página de producto [URL]. Es para [YouTube / el feed de Instagram / Reels]. Lo único que el público debería recordar: [tu mensaje principal]. Muéstrame un storyboard antes de armarlo.
Video explicativo a partir de una entrada de blog
Convierte esta entrada de blog en un video explicativo de [60] segundos sin rostro para [público]: [pega la entrada o el enlace]. Mantén un tono [cercano / experto] y agrega subtítulos.
Títulos en una grabación de entrevista
Agrega títulos con nombre diseñados y tarjetas de información cortas a mi grabación de entrevista [nombre del archivo]. El invitado es [nombre, rol]. No cambies el material, solo agrega los gráficos, y luego expórtalo a MP4.

Lo que necesitas: Claude Code (necesita un plan Pro o superior); el directorio marca Claude.ai como no práctico porque la skill maneja herramientas de línea de comandos locales, Node.js 22+, FFmpeg y Google Chrome en tu computadora, Tus propias fotos de producto y el texto exacto (precio, oferta, nombres de productos), Unos 300 MB de espacio libre en disco para la CLI y sus cachés mientras trabaja.

Cómo instalarla

Las skills siguen el estándar abierto Agent Skills, así que esta no depende de una sola empresa. Elige la herramienta de IA que usas. ¿No lo tienes claro? La primera pestaña cubre la mayoría en un solo paso.

Lo más fácil: pega esto en tu herramienta de IA
Instala esta skill para que funcione en todos mis proyectos: ejecuta `npx skills add https://github.com/heygen-com/hyperframes/tree/main/skills/hyperframes -g -y` en mi terminal. Si falta Node.js, dime primero cómo instalarlo. Cuando termines, confirma que la skill quedó instalada y dime cómo empezar a usarla.

O hazlo tú mismo:

Un solo comando instala la skill en las herramientas de IA de tu computadora. Detecta las que tienes y te pregunta en cuáles añadirla: Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, Windsurf, OpenCode y más de 60 más.

npx skills add https://github.com/heygen-com/hyperframes/tree/main/skills/hyperframes -g

Necesitas tener Node.js instalado (gratis, en nodejs.org). La opción -g hace que la skill esté disponible en todos tus proyectos.

Bueno saber: También aparece como hyperframes en el marketplace oficial de Anthropic; npx skills add heygen-com/hyperframes funciona para otros agentes.

Desbloquea los pasos de instalación

Gratis. Deja tu email una vez para abrir los pasos de instalación de las 149 skills y recibir cada mes las mejores skills nuevas.

Sin spam. Te das de baja con un clic. Usamos tu correo para enviarte el curso y consejos de IA.

Cómo lo verificamos

Confirmamos la skill en su fuente original el 18 de octubre de 2026: el SKILL.md está donde debe estar, los archivos se actualizaron en el último año y la licencia (Apache-2.0) permite usarla. Después, el 19 de octubre de 2026, la instalamos, la usamos en la tarea de arriba sin modificarla y anotamos lo que pasó, incluido lo que salió mal.

Preguntas frecuentes

¿Necesito saber programar para usar HyperFrames?

No. Claude escribe la página web animada, corre las revisiones y exporta el video, y tú describes lo que quieres con palabras simples. Sí trabajas dentro de Claude Code, y en la vista previa puedes cambiar texto y tiempos haciendo clic en vez de editar código.

¿Qué necesito para usarla?

Claude Code, que necesita un plan Pro o superior, más Node.js 22 o más nuevo, FFmpeg y Google Chrome en tu computadora. Nuestra prueba no necesitó una cuenta de HeyGen, y el video se exportó por completo en la computadora.

¿HyperFrames funciona en Claude.ai o en la app de Claude?

En la práctica, no. La skill maneja herramientas de línea de comandos locales para previsualizar y exportar video, así que úsala en Claude Code.

¿En qué se diferencia de simplemente pedirle a Claude que haga un video?

Sin la skill, Claude puede escribir una animación pero no tiene una forma confiable de convertirla en un MP4. Con ella, Claude sigue un flujo completo: un brief, un storyboard, reglas de diseño y movimiento, revisiones automáticas de layout y contraste, una vista previa y luego una exportación precisa cuadro por cuadro. En nuestra prueba el video de 15 segundos se exportó en unos 15 segundos y pasó las 8 revisiones de contraste de texto.

¿Puedo cambiar el video después de exportarlo?

Sí. El proyecto queda en tu computadora como archivos editables. Puedes pedirle cambios a Claude, editar texto y clips en la vista previa de HyperFrames o usar la app de escritorio gratuita de HeyGen, donde haces cambios chateando. Luego vuelves a exportar.

Más skills que vale la pena ver