~/biblioteca-ia/hyperframes
repoMediapendiente
HyperFrames
Los agentes componen vídeo escribiendo HTML, CSS y JS. Apache 2.0, originado por HeyGen.
Para qué reto sirve
Cuando quieres que el vídeo lo haga el agente y no tú. La diferencia con Remotion está en el lenguaje: aquí no hay React ni framework de por medio, es HTML plano —exactamente lo que un modelo escribe mejor que ninguna otra cosa—. Eso baja el listón para pedir una pieza por prompt y corregirla en dos vueltas.
Qué es
Capa de composición de vídeo pensada para agentes: la pieza se escribe en HTML, CSS y JavaScript, y se renderiza a MP4. Trae CLI con inicialización, previsualización en el navegador con recarga en vivo y render, un catálogo de bloques instalables uno a uno, y 19 skills de agente. Originado por HeyGen y publicado bajo Apache 2.0.
Cuándo no usarla
Necesita Node.js 22 o superior y FFmpeg instalado en el sistema; sin FFmpeg no renderiza. Es una capa de composición, no un generador: no crea imágenes, ni voces, ni metraje —los assets los pones tú—. Y hay un riesgo estructural que conviene nombrar: nace dentro de una empresa, y Apache 2.0 protege el código que ya existe, no que se siga manteniendo. Si montas un proceso encima, cuenta con poder congelar una versión.
Mi veredicto
Sin probar. Ocupa el mismo hueco que Remotion y llega con la licencia más limpia de las dos: Apache 2.0, sin escalón por tamaño de equipo. Lo que hay que comparar antes de elegir una es la calidad del render y hasta dónde llega el catálogo de bloques antes de tener que escribir la animación a mano. Si el catálogo cubre lo común, gana esta por licencia y por lenguaje.
Frente a Remotion
Las dos resuelven el mismo reto —vídeo desde código, renderizado en lote— y conviene tener clara la diferencia antes de comprometer un proyecto.
| HyperFrames | Remotion | |
|---|---|---|
| Lenguaje | HTML, CSS y JS | React |
| Licencia | Apache 2.0 | Fuente disponible, gratis hasta 3 personas |
| Coste en equipo de 4+ | Cero | Desde 100 USD al mes |
| Requisitos | Node 22 y FFmpeg | Node y React |
| Madurez | 36,9k estrellas | 54k estrellas, más de 5 millones de instalaciones al mes |
Remotion lleva más recorrido y tiene ecosistema alrededor: Player embebible, render en Lambda, editor visual. HyperFrames apuesta por un lenguaje que el agente domina mejor y por una licencia sin escalones.
Las skills
El repositorio publica 19 skills de agente. npx skills add heygen-com/hyperframes instala el conjunto básico —el router y las skills de dominio—; con --all --full-depth entran las 19, y con --skill <nombre> solo una. Después, npx hyperframes skills update mantiene ese conjunto al día.
El flujo
npx hyperframes init my-video crea el proyecto. npx hyperframes preview abre el navegador con recarga en vivo mientras editas la composición. npx hyperframes render saca el MP4. Los bloques del catálogo —transiciones con shader, superposiciones sociales, gráficos animados— se añaden sueltos con npx hyperframes add <bloque>.