HyperFrames

por HeyGen

Convierte HTML, CSS y animaciones en vídeos MP4, y deja que tu agente de IA los escriba.

60,9 k estrellas GitHub Apache-2.0 GratisOpen sourceLocal

Ver en GitHub →

Qué hace

Composiciones en HTML simple, sin React ni formato propietario
Skills listas para Claude Code, Codex, Cursor y otros agentes
Renderizado determinista: la misma entrada siempre da el mismo vídeo

Instalarlo

Requisitos: Node.js 22+ y FFmpeg.

Crear un proyecto

npx hyperframes init my-video

Previsualizar en el navegador

npx hyperframes preview

Renderizar a MP4

npx hyperframes render

Opcional: plugin para Claude Code

claude plugin marketplace add heygen-com/hyperframes && claude plugin install hyperframes@hyperframes

El prompt para tu agente

Pégalo en tu agente de código: comprueba los requisitos y lo instala por ti.

Claude CodeCodexCursorGemini CLIopencode

Prompt

Instala HyperFrames (https://github.com/heygen-com/hyperframes) en mi equipo.
1. Comprueba los requisitos: Node.js 22+ y FFmpeg. Si falta algo, avísame antes de instalar nada.
2. Sigue el método oficial:
- Crear un proyecto: npx hyperframes init my-video
- Previsualizar en el navegador: npx hyperframes preview
- Renderizar a MP4: npx hyperframes render
- Opcional: plugin para Claude Code: claude plugin marketplace add heygen-com/hyperframes && claude plugin install hyperframes@hyperframes
3. Comprueba que funciona y explícame cómo iniciarlo y por dónde empezar.

Revisa siempre lo que tu agente va a ejecutar, sobre todo los comandos de instalación.