¿Qué hace website-to-hyperframes-demo?
Demo oficial adyacente para la habilidad de video de lanzamiento de sitio web a HyperFrames (71★).
Descripción
Este repositorio contiene una demostración de cómo utilizar HeyGen para convertir un sitio web en un video de lanzamiento tipo HyperFrames. El skill está diseñado para ser utilizado con agentes de IA como Claude Code, Cursor o Codex, y automatiza el proceso de extracción de contenido de un sitio web y generación de video con avatares y narración.
Características
- Extracción automática de contenido: Captura textos, imágenes y estructura de un sitio web.
- Generación de video con IA: Utiliza los modelos de HeyGen para crear videos con avatares virtuales.
- Personalización: Permite ajustar el estilo, tono y duración del video.
- Integración sencilla: Funciona con los principales agentes de IA para desarrollo (Claude Code, Cursor, Codex, etc.).
Requisitos
- Python 3.9+
- Node.js 18+
- Cuenta en HeyGen API
- Token de API configurado como variable de entorno
HEYGEN_API_KEY
Instalación
# Clonar el repositorio
git clone https://github.com/heygen-com/website-to-hyperframes-demo.git
cd website-to-hyperframes-demo
# Instalar dependencias
npm install
Uso
Para ejecutar la demostración, utiliza el siguiente comando:
npm run demo -- --url https://ejemplo.com
Esto generará un video en la carpeta ./output.
Variables de Entorno
| Variable | Descripción |
|---|---|
HEYGEN_API_KEY | Tu clave de API de HeyGen (obligatorio) |
OUTPUT_DIR | Directorio de salida para el video (opcional, por defecto ./output) |
Estructura del Proyecto
.
├── src/
│ ├── extractor.js # Extrae contenido del sitio web
│ ├── generator.js # Genera el video con HeyGen
│ └── config.js # Configuración
├── output/ # Videos generados
├── package.json
└── README.md
Referencias
Licencia
MIT