Un conjunto de 13 a 15 skills de Claude Code para crear gráficos en movimiento y videos de lanzamiento con código, y renderizar fotogramas a MP4 sin After Effects.
34055ShellMITActualizado hace 9 días
alchaincyf/huashu-motion
Una skill de agente para Claude Code / Codex que convierte la descripción de un producto en un video de lanzamiento de calidad comercial, creado con código, música compuesta y edición punto por punto.
- Estrellas
- 780
- Forks
- 77
- Issues abiertos
- 0
- Último commit
- ayer
¿Qué es?
huashu-motion es una skill de agente para crear videos de lanzamiento de productos. Le pides a tu agente de programación un video de lanzamiento de 30 segundos y este analiza el producto, propone líneas visuales, redacta un plan de tiempos y crea el video como una sola página HTML con GSAP, Canvas, Three.js o SVG. No interviene ningún modelo de generación de video: cada fotograma se determina mediante código y tiempo.
El proyecto incluye un estudio en el navegador donde puedes hacer clic en un fotograma, dejar un comentario y pedirle al agente que aplique el cambio solo en ese punto. La música se puede escribir en notación ABC y reproducir con instrumentos sampleados, o generar a partir de estilos alternativos integrados; los efectos de sonido se sincronizan con los momentos de llegada de las animaciones. La narración puede usar voces del sistema, Kokoro o una grabación propia con alineación a nivel de palabra.
La salida incluye MP4, MOV con transparencia, WebM, GIF y una página HTML para compartir. La cadena de herramientas requiere Node 22+, Chrome y FFmpeg, y se ha probado en macOS.
Funciones clave
- 01Convierte la descripción de un producto en un video de lanzamiento completo, creado como una sola página HTML.
- 02Edición con clics y comentarios en un estudio del navegador; el agente modifica únicamente el elemento seleccionado.
- 03Música compuesta en notación ABC y reproducida con instrumentos sampleados, con una partitura alternativa integrada.
- 04Efectos de sonido sincronizados con los fotogramas en que culminan las animaciones.
- 05Narración con voces del sistema, Kokoro o audio propio con alineación a nivel de palabra.
- 06Exporta a MP4, MOV con transparencia, WebM, GIF o una página HTML para compartir.
Casos de uso
- Crear un video de lanzamiento de 30 segundos para un producto de software o una app sin usar un editor de video.
- Convertir un conjunto de datos CSV en un video explicativo narrado con gráficos animados.
- Crear versiones verticales (1080x1920) de un video existente.
- Añadir rótulos en la parte inferior, tarjetas con números y subtítulos a un video de una persona hablando a cámara, como superposición transparente.
Inicio rápido
- 1
Instala la skill con un solo comando
npx skills add alchaincyf/huashu-motion - 2
Comprueba tu entorno y detecta lo que falta
om doctor - 3
Ejecuta la demo incluida para ver cómo funciona
om demo
Antes de usarlo
- En la práctica, solo se ha probado en macOS.
- Necesita Node 22 o superior, Chrome y FFmpeg instalados localmente.
- No puede generar personas reales ni metraje en directo; los elementos visuales se dibujan mediante código.
Temas
Preguntas frecuentes
- ¿Qué es huashu-motion?
- Una skill de agente para Claude Code / Codex que convierte la descripción de un producto en un video de lanzamiento de calidad comercial, creado con código, música compuesta y edición punto por punto. huashu-motion es una skill de agente para crear videos de lanzamiento de productos. Le pides a tu agente de programación un video de lanzamiento de 30 segundos y este analiza el producto, propone líneas visuales, redacta un plan de tiempos y crea el video como una sola página HTML con GSAP, Canvas, Three.js o SVG. No interviene ningún modelo de generación de video: cada fotograma se determina mediante código y tiempo.
- ¿huashu-motion es gratuito? ¿Qué licencia tiene?
- huashu-motion es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
- ¿huashu-motion sigue mantenido?
- Mantenimiento activo. El último commit de huashu-motion fue el 19 oct 2026.
- ¿Para qué puedo usar huashu-motion?
- Crear un video de lanzamiento de 30 segundos para un producto de software o una app sin usar un editor de video. Convertir un conjunto de datos CSV en un video explicativo narrado con gráficos animados. Crear versiones verticales (1080x1920) de un video existente. Añadir rótulos en la parte inferior, tarjetas con números y subtítulos a un video de una persona hablando a cámara, como superposición transparente.
- ¿Cómo se instala huashu-motion?
- Instala la skill con un solo comando: npx skills add alchaincyf/huashu-motion Comprueba tu entorno y detecta lo que falta: om doctor Ejecuta la demo incluida para ver cómo funciona: om demo
- ¿Dónde consigo huashu-motion?
- El código fuente y las instrucciones de instalación están en GitHub: https://github.com/alchaincyf/huashu-motion
Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.
Proyectos relacionados
Una colección de 55 skills instalables para enseñar a los agentes de programación con IA a crear gráficos animados, animaciones y flujos de trabajo de video.
89580HTMLMITActualizado hace 6 días
Un navegador pensado para que tú y tus agentes de IA lo usen en paralelo: los agentes ejecutan tareas en Spaces aislados mientras tus pestañas y sesiones siguen intactas.
17,7 mil964JavaScriptMITActualizado ayer
Una skill para Claude Code y Codex que convierte páginas de producto en videos promocionales cinematográficos con código de Remotion, no con IA generativa.
12,5 mil1,1 milTypeScriptApache-2.0Actualizado hace 3 días
Skills para agentes que los guían para crear wireframes, prototipos interactivos, planes y diagramas en HTML autocontenido.
3,7 mil250HTMLMITActualizado hace 5 días
Conjunto de skills de Claude Code para crear videos generando cada fotograma y la música mediante código, con una skill por estilo visual.
24116JavaScriptOtherActualizado hace 24 días