HyperFrames: crea vídeos con HTML y agentes de IA

¿Y si pudieras describir el vídeo que quieres crear y dejar que un agente de IA escriba el código, construya las animaciones y prepare el vídeo por ti?

HyperFrames es el framework open source de HeyGen para crear vídeos a partir de HTML, CSS y JavaScript, pensado para trabajar directamente con agentes de IA como Codex, Claude Code o Cursor, sin necesidad de utilizar React ni herramientas tradicionales de edición de vídeo.

En este webinar, Elissa Carr te enseñará cómo empezar a trabajar con HyperFrames desde un agente de IA y cómo pasar de una idea escrita a un vídeo terminado.

A través de una demostración práctica veremos cómo un agente puede crear una composición, modificarla mediante instrucciones en lenguaje natural, previsualizar los cambios y renderizar el resultado final en vídeo.

Antes del webinar: prepara tu entorno

Si quieres seguir la demostración desde tu propio ordenador, asegúrate de tener instalado:

Durante el webinar veremos cómo añadir las skills de HyperFrames al agente y empezar a trabajar con ellas.

Qué vas a aprender:

HyperFrames propone una nueva forma de producir vídeo: trabajar con él de manera similar a como trabajamos hoy con código, utilizando agentes de IA para acelerar la creación, iteración y renderizado.

• ✓Node.js 22 o superior
• ✓npm / npx
• ✓FFmpeg
• ✓Un agente de IA compatible, como Codex, Claude Code o Cursor
• ✓Cómo añadir las skills de HyperFrames a Codex, Claude Code o Cursor.
• ✓Cómo funciona una composición en HyperFrames.
• ✓Cómo pasar de una idea o un prompt a una composición de vídeo generada por un agente de IA.
• ✓Cómo modificar diseño, contenido y animaciones utilizando lenguaje natural.
• ✓Cómo previsualizar y renderizar el resultado final en formato MP4.
• ✓Qué workflows ofrece HyperFrames para distintos tipos de contenido, como lanzamientos de producto, vídeos explicativos, motion graphics o vídeos con overlays.