Una skill de Claude Code que convierte la URL de un sitio web en un video de lanzamiento de producto a 60 fps, creado con HTML, efectos de sonido sincronizados con la música y desenfoque de movimiento.
Lob0Garou/opus-visual-motion-engine
Una skill para agentes que da a los modelos de programación un flujo con controles para motion graphics y vídeo renderizado con código: planificación, renderizado, QA automatizado y exportación a MP4.
- Estrellas
- 3
- Forks
- 0
- Issues abiertos
- 0
- Último commit
- hace 26 días
¿Qué es?
opus-visual-motion-engine es una skill para agentes que sirve para producir motion graphics, vídeo renderizado con código, tipografía cinética, landing pages y diagramas. Guía a un modelo de programación por una secuencia fija: escribir un plan con beats y una línea de tiempo, construir a partir de una plantilla HTML de 1920×1080 que expone un contrato seek(t) y DURATION, renderizar en modo headless, ejecutar un QA automatizado, corregir los problemas y exportar a MP4, WebM o GIF con ffmpeg.
El script de QA renderiza cada fotograma y comprueba fotogramas congelados o vacíos, salidas no deterministas, colisiones de texto, contraste y tamaño mínimo de tipografía, además de patrones de diseño habituales generados por IA. Genera una hoja de contactos, fotogramas clave y un report.json con la cobertura de tinta por fotograma, de modo que un modelo sin entrada de imagen pueda razonar sobre el resultado. El modo página también verifica los diseños de escritorio, móvil y esquema oscuro.
El repositorio incluye además un script de partitura que genera música de fondo y efectos de sonido deterministas a partir de una hoja de cues, y un script de datos de audio que extrae información de beats, onsets y volumen para que el movimiento pueda sincronizarse con el sonido.
Funciones clave
- 01Pipeline de la planificación a la exportación con una plantilla de composición HTML reutilizable de 1920×1080.
- 02Contrato de temporización seek(t) determinista con un generador aleatorio con semilla y funciones auxiliares de easing.
- 03QA de renderizado headless que detecta fotogramas congelados, colisiones de texto, bajo contraste y huecos entre escenas.
- 04Exporta MP4, WebM o GIF con fotograma exacto mediante ffmpeg, con audio opcional.
- 05Genera música y efectos de sonido originales a partir de una hoja de cues, y extrae datos de beats para sincronizar el movimiento con el audio.
Casos de uso
- Producir motion graphics cortos o reels de presentación con un agente de programación.
- Crear vídeo renderizado con código o tipografía cinética sin un editor manual.
- Revisar una animación generada por un agente en busca de defectos de diseño y temporización sin ver los fotogramas.
- Crear landing pages o diagramas con transiciones animadas verificadas mediante comprobaciones automatizadas.
Inicio rápido
- 1
Clona el repositorio en la carpeta de skills de tu harness
git clone https://github.com/Lob0Garou/opus-visual-motion-engine ~/.dsh/skills/opus-visual-motion-engine - 2
Instala las dependencias del script y el navegador Chromium
cd ~/.dsh/skills/opus-visual-motion-engine/scripts && npm install && npx playwright install chromium - 3
Inicia una sesión nueva y pide al agente que use la skill; después, ejecuta la comprobación de QA de su composición
node scripts/qa.mjs composition.html
Antes de usarlo
- Es una skill de agente para modelos de programación, así que necesita un harness de agente compatible para ser útil.
- La exportación requiere que ffmpeg esté en PATH y Node 18 o posterior.
- El único benchmark consiste en una ejecución por brazo, por lo que las mejoras indicadas no están demostradas estadísticamente.
- El proyecto es nuevo y solo tiene 3 estrellas.
Temas
Preguntas frecuentes
- ¿Qué es opus-visual-motion-engine?
- Una skill para agentes que da a los modelos de programación un flujo con controles para motion graphics y vídeo renderizado con código: planificación, renderizado, QA automatizado y exportación a MP4. opus-visual-motion-engine es una skill para agentes que sirve para producir motion graphics, vídeo renderizado con código, tipografía cinética, landing pages y diagramas. Guía a un modelo de programación por una secuencia fija: escribir un plan con beats y una línea de tiempo, construir a partir de una plantilla HTML de 1920×1080 que expone un contrato seek(t) y DURATION, renderizar en modo headless, ejecutar un QA automatizado, corregir los problemas y exportar a MP4, WebM o GIF con ffmpeg.
- ¿opus-visual-motion-engine es gratuito? ¿Qué licencia tiene?
- opus-visual-motion-engine es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
- ¿opus-visual-motion-engine sigue mantenido?
- Mantenimiento activo. El último commit de opus-visual-motion-engine fue el 26 sept 2026.
- ¿Para qué puedo usar opus-visual-motion-engine?
- Producir motion graphics cortos o reels de presentación con un agente de programación. Crear vídeo renderizado con código o tipografía cinética sin un editor manual. Revisar una animación generada por un agente en busca de defectos de diseño y temporización sin ver los fotogramas. Crear landing pages o diagramas con transiciones animadas verificadas mediante comprobaciones automatizadas.
- ¿Cómo se instala opus-visual-motion-engine?
- Clona el repositorio en la carpeta de skills de tu harness: git clone https://github.com/Lob0Garou/opus-visual-motion-engine ~/.dsh/skills/opus-visual-motion-engine Instala las dependencias del script y el navegador Chromium: cd ~/.dsh/skills/opus-visual-motion-engine/scripts && npm install && npx playwright install chromium Inicia una sesión nueva y pide al agente que use la skill; después, ejecuta la comprobación de QA de su composición: node scripts/qa.mjs composition.html
- ¿Dónde consigo opus-visual-motion-engine?
- El código fuente y las instrucciones de instalación están en GitHub: https://github.com/Lob0Garou/opus-visual-motion-engine
Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.
Proyectos relacionados
Convierte un guion escrito en un video explicativo narrado o una demo de producto, con voz local, sincronización por palabra y renderizado en canvas, mediante un agente de programación.
Una skill para Claude Code y Codex que convierte la interfaz real de tu app en videos de lanzamiento y clips cortos, sincronizados con música y renderizados localmente.
Una skill de Claude Code que convierte un tema breve en un video de motion graphics sincronizado con el ritmo, renderizado en MP4 con HyperFrames.
Una skill para agentes de Claude Code y Codex que guía la creación de videos de motion graphics de 30 a 90 segundos, con controles de calidad en cada etapa.
Un conjunto de cuatro Agent Skills que enseñan a los agentes de programación con IA a crear gráficos animados de estilo televisivo con Remotion.