Video con agentes · fork INEMA

Clona el video viral, no solo el guion

Tú entregas un video y el agente rehace todo el flujo como un proyecto editable: voz, subtítulos, b-roll y efectos.

Banner Hypit: clona lo viral
En resumen

Hypit es una herramienta de código abierto que enseña a agentes como Claude Code y Codex a producir video. Tú muestras un video de referencia y el agente arma un proyecto con la misma forma de funcionar: el guion, las imágenes, la voz, los subtítulos y las animaciones, todo amarrado a las palabras habladas. Sirve para quien hace videos cortos y quiere variaciones rápidas (otro presentador, otro tema, otro idioma). Para ejecutarlo se necesita Node, pnpm y FFmpeg; las partes de video e imagen generadas por IA usan servicios de pago, pero la animación hecha en código se renderiza en local, sin costo. Este es un fork de hypit-ai/hypit, probado en el servidor de INEMA.

Qué es

Un video se convierte en un proyecto que se rehace

En vez de editar en la línea de tiempo, el agente escribe un archivo de texto (SVML) que describe el video. Si cambia la voz, lo demás la acompaña.

Las seis partes de Hypit: referencia, guion SVML, palabra ancla, subtítulos karaoke, render local y variaciones

🎯 Clona el sistema, no el texto

El agente ve la referencia, la transcribe con el tiempo de cada palabra y anota por qué cada corte, imagen y subtítulo aparece donde aparece.

🔗 Eventos atados a la palabra

En el guion, @{trofeu} … @{/trofeu} marca cuándo una imagen entra y sale. Si la frase cambia o pasa a otro idioma, el tiempo se ajusta solo.

♻️ Una base, muchas variaciones

Cambia el presentador, el gancho, el producto o el idioma y renderiza de nuevo, reutilizando el material que no cambió.

Cómo funciona

De la referencia al MP4

El agente usa la skill /hypit para leer la referencia y escribir el proyecto; la CLI hypit verifica y renderiza.

Video de referencia→ Transcripción con tiempo por palabra→ Lectura de por qué funciona→ Proyecto SVML→ hypit check→ hypit build→ final.video (MP4)

SVML

Archivo tipo HTML con guion, pedidos de imagen/voz/video, clips, subtítulos y componentes visuales.

Componentes

Paquetes de diseño y movimiento: marcador de ranking, subtítulos karaoke, sticker de comentario, pantalla dividida de podcast.

Runtime

Define dónde corre cada etapa: render de HTML en un Chrome sin ventana + FFmpeg local, o servicios de generación externos.

Requisitos previos

Qué se necesita en la máquina

Para la prueba local de esta guía no se paga nada. Probado el 15/10/2026 en un servidor Linux ARM (NVIDIA GB10).

Node 22.15+ y pnpm 10

Usamos Node 24 y pnpm 10.33.

node -v; pnpm -v

FFmpeg

Monta el video final y lee los medios.

ffmpeg -version | head -1

Chrome sin ventana

Dibuja los cuadros. En x86 Hypit descarga el suyo; en ARM apunta al de Playwright (paso 4).

npx playwright install chromium-headless-shell
Guía de uso · paso a paso

Del clon al primer video, sin API

El ejemplo chat.svml es una animación de chat de 8 s dibujada solo en código. No usa guion hablado, IA de imagen ni video de origen.

1

Clona e instala

La instalación solo descarga paquetes de JavaScript; no descarga navegador.

git clone https://github.com/inematds/hypit
cd hypit
pnpm install --frozen-lockfile
2

Compila los tipos y el componente del ejemplo

El componente @example/chat-scene es el que dibuja los mensajes.

pnpm build:public-types
pnpm --filter @example/chat-scene build
3

Verifica el proyecto

check valida el SVML y no llama a ningún servicio.

node bin/hypit.mjs check examples/semantic-composition/chat.svml \
  --project examples/semantic-composition
# ✓ Source is valid · Outputs 11
4

Solo en ARM: apunta el Chrome

Hypit intenta usar un Chrome x86 que no existe en ARM (error MANAGED_PROGRAM_DOWN). Crea un runtime con chromePath apuntando al headless ARM de Playwright. En x86, omite este paso y usa hypit.runtime.json.

# examples/semantic-composition/hypit.runtime.arm.json
{
  "format": "hypit.runtime-local@1",
  "dataRoot": ".hypit/runtimes/local",
  "endpoints": {
    "media.local": { "use": "@hypit/media-local", "config": { "defaultConcurrency": 2 } },
    "html.local": { "use": "@hypit/provider-html-local", "config": { "workers": 2,
      "chromePath": "~/.cache/ms-playwright/chromium_headless_shell-1248/chrome-headless-shell-linux-arm64/chrome-headless-shell" } }
  }
}
# cambia ~ por la ruta absoluta de tu carpeta personal
5

Renderiza

Aquí tardó cerca de 10 s para 240 cuadros.

node bin/hypit.mjs build examples/semantic-composition/chat.svrun \
  --project examples/semantic-composition \
  --runtime examples/semantic-composition/hypit.runtime.arm.json --follow
# ✓ Build complete · Build bld_...
6

Exporta el MP4

Usa el id del build que apareció en el paso anterior.

node bin/hypit.mjs get bld_... --output final.video \
  --project examples/semantic-composition --to chat.mp4
# 540×960, 8 s, h264 + aac
7

Pídeselo al agente

Instala la skill en Claude Code o en Codex y describe el video, con o sin referencia.

npx skills add hypit-ai/hypit -g
# dentro del agente:
/hypit Clona este video: /ruta/video.mp4 y cambia el tema por herramientas de IA
/hypit Haz un video de ranking que ponga a INEMA.CLUB en el S tier
Ejemplos

Lo que salió en nuestra prueba

Cuadros del chat.mp4 renderizado en el servidor de INEMA, sin ninguna llamada a una API.

Cuadro a los 2,5 s: primeros mensajes del chat
2,5 s: los mensajes llegan en los tiempos definidos en el SVML.
Cuadro a los 6 s: cuatro mensajes en pantalla
6 s: la escena completa es un componente HTML/CSS que sigue siendo editable.

Los ejemplos virales del proyecto original (ranking de fútbol, podcast, entrevista callejera) costaron cerca de US$ 1 cada uno, con video e imagen generados por servicios de pago. Mira la carpeta examples/.

Límites

Qué saber antes de usarlo

Lo que pesamos al probar.

💳 La generación es de pago

Los clones virales usan Seedance (video), GPT Image (imagen) y Fish Audio o ElevenLabs (voz), mediante una cuenta propia en cada servicio. Sin ellos, queda lo que es local: transcripción WhisperX, animación en código y FFmpeg.

📜 Licencia con condiciones

Apache 2.0 modificada: el uso propio, incluso comercial, es libre. Ofrecerlo como servicio a terceros o revenderlo exige una licencia comercial, y no se puede quitar el nombre ni el logo de la CLI. Los videos generados son tuyos.

🧩 Un motor más

Es un motor de video completo. Quien ya usa HyperFrames u otro motor puede aprovechar las ideas sin cambiar de herramienta.

Para INEMA

Lo que vamos a estudiar a partir de él

Ideas anotadas para los motores de video de INEMA. Ninguna se ha aplicado todavía.

Idea 1
Cue atado a la palabraMarcar en el guion dónde entra y sale cada imagen, para que el tiempo acompañe la voz y las traducciones EN/ES.
Idea 2
Lectura de la referenciaSu guion para entender por qué un video engancha: cada elemento ligado a la palabra a la que sirve.
Idea 3
Formatos listosRanking/tier list, podcast en pantalla dividida, entrevista callejera, talking head, short dramático y demo narrada.
Idea 4
Variaciones en loteUn video base que genera varios ganchos e idiomas sin rehacer lo que no cambió.