← Descubrir
GitHub · heygen-com/hyperframes↑ +395 hoy

Convertir códigos HTML a vídeo

Desarrollado por Heygen, Hyperframes ofrece un marco que convierte códigos HTML directamente en video. Diseñada para facilitar a los agentes de inteligencia artificial la producción de contenido visual, esta herramienta convierte interfaces basadas en web en formato de vídeo.

Actualizaciones

  • 26 de octubre de 2026: Estrellas 72,317 → 72,474, última versión v0.8.201 (26 de octubre de 2026).
  • 26 de octubre de 2026: Estrellas 71,653 → 72,317, última versión v0.8.200 (25 de octubre de 2026).
  • 25 de octubre de 2026: Estrellas 71,587 → 71,653, última versión v0.8.196 (25 de octubre de 2026).
  • 25 de octubre de 2026: Estrellas 70,915 → 71,587, última versión v0.8.195 (25 de octubre de 2026).

Qué aporta

  • Producción de vídeo con HTML y CSS.
  • Trabajo compatible con agentes de inteligencia artificial.
  • Llevando su propio sistema de diseño al vídeo

Instalación

Configuración para agente de IA
npx skills add heygen-com/hyperframes
Instalación manual de CLI
npx hyperframes init my-video
cd my-video
npx hyperframes preview      # preview in browser with live reload
npx hyperframes render       # render to MP4

Ejecución

Vista previa y renderizado
npx hyperframes preview      # preview in browser with live reload
npx hyperframes render       # render to MP4

Si no programa

Pegue esto en su agente (Claude Code · Codex · Antigravity)

Usando /hyperframes, cree una introducción de producto de 10 segundos con un título que aparece gradualmente, un video de fondo y una música de fondo sutil.

Repositorio: https://github.com/heygen-com/hyperframes. Sigue las instrucciones oficiales del archivo README de este repositorio para la instalación y ejecución.

Antes de empezar, comprueba en qué sistema operativo estamos y si las herramientas necesarias (ej. Python, Node.js, Git, Docker) están instaladas. Instala las que falten paso a paso según este sistema.

Crea una carpeta nueva y vacía para trabajar. No toques ningún archivo fuera de esta carpeta y no borres nada. Antes de ejecutar cada comando, dime qué vas a hacer en una frase.

Dime qué debería ver en la pantalla al final de cada paso. Si ocurre un error, te pegaré el mensaje de error tal cual y lo solucionaremos juntos.

Términos relacionados del glosario

FrameworkCLIArtificial Intelligence
Para quién esEs adecuado para desarrolladores que quieran producir contenido de vídeo automático utilizando tecnologías web y diseñadores que trabajen con agentes de inteligencia artificial.
LicenciaApache-2.0

Enlaces

TreScout no desarrolló esta herramienta · la encontramos en las tendencias de GitHub y la presentamos. Esta página describe el repositorio tal como estaba el 2026-06-23: El número de estrellas y nuestro texto son de ese día, el repositorio puede haber cambiado desde entonces. Consulte el enlace del repositorio para ver el estado actual. El texto de presentación se preparó con IA a partir de la propia documentación del repositorio y esta página se tradujo automáticamente del original en turco · prevalece la versión turca.