# HyperFrames: renderiza composiciones web como vídeo

> Produce vídeos repetibles con HTML, CSS y una línea de tiempo que puedes revisar y renderizar desde la terminal.

Verificado el 27 oct 2026.

## Qué es

HyperFrames es un framework abierto de HeyGen para convertir composiciones web en vídeos MP4. Incluye una CLI, un catálogo de componentes y skills para agentes de programación.

## Para qué te sirve

- Cuando necesitas repetir un vídeo de producto con textos diferentes.
- Cuando quieres revisar una composición en el navegador antes de exportar.
- Cuando una pieza requiere combinar tipografía, audio y material de vídeo.

## Cómo funciona

Los atributos de la composición indican dimensiones, duración y pistas. Las animaciones deben poder buscar un instante concreto para que el render sea determinista. La CLI inicializa el proyecto, abre una vista previa y genera el MP4. Las skills guían al agente para trabajar con ese contrato.

## Antes de empezar

Prepara una carpeta de proyecto con Node.js ≥22.20.0, Git, npm/npx y FFmpeg disponibles. HyperFrames declara Node ≥22, pero esta receta también ejecuta el instalador de skills, cuyo mínimo es ≥22.20.0 y que usa Git. Los servicios externos para generar voz, imágenes o vídeo tienen sus propias cuentas y costes.

## Límites y alternativas

Una página con animaciones arbitrarias puede no ser determinista al renderizar cada fotograma. Revisa las fuentes y licencias de los medios y reproduce el resultado exportado. Remotion es una alternativa para composiciones basadas en React.

## Recursos

- [Repositorio original](https://github.com/heygen-com/hyperframes) - 73058 estrellas; licencia Apache-2.0 por GitHub.
- [README consultado](https://github.com/heygen-com/hyperframes/tree/c4d73299bd09748c2fd3b27ef0b12e90abcc28f8) - documentación y ejemplos de uso.
- [Último commit comprobado](https://github.com/heygen-com/hyperframes/commit/c4d73299bd09748c2fd3b27ef0b12e90abcc28f8) - 2026-10-26.
- [Licencia](https://github.com/heygen-com/hyperframes/blob/c4d73299bd09748c2fd3b27ef0b12e90abcc28f8/LICENSE) - revisa las condiciones antes de redistribuir.