✦ Selección del estudio
Halden Solace · 16:9
Renderizado con este Skill
Promo Bang Motion v1.19.0
Promos, aperturas y vídeos explicativos que se mueven como vídeo y no como diapositivas: un estilo sacado de tu marca, una cámara que se mueve y fotos y palabras que saltan al ritmo, en un solo archivo HTML.
Sin valoraciones todavía 0 descargas
- Formato
- Vídeo · 16:9
- Duración
- 0:30
Gratis Gratis con una cuenta
Pega esto en tu agente. Conecta la CLI si hace falta y luego instala el Skill.
Un Skill de código abierto que convierte a tu agente en motion designer. Saca un estilo de tu marca, propone tres conceptos y recomienda uno, y construye un único index.html donde la cámara se mueve, el protagonista no desaparece y los campos de color cambian con un detonante visible. Diez estilos, diecinueve conceptos de apertura y seis estilos de explicativo, con exportación a MP4 fotograma a fotograma.
Actualizado el 2 nov 2026
Qué obtienes
- Un index.html que se reproduce como un vídeo: autoplay, bucle y barra de avance con ?debug=1
- Un brief de estilo con tres conceptos, una recomendación y una paleta con fuentes
- Revisión de fotogramas clave con las reglas antidiapositiva del Skill
- Exportación opcional a MP4 fotograma a fotograma a 60 fps
Ideal para
- Lanzamientos de producto y promos de tienda
- Aperturas de apps, tours de SaaS e idents de marca
- Explicativos con fotos, recortes o dibujos
No es para
- Editar metraje que ya has grabado
- Vídeos con presentador a cámara
Sobre este Skill
Tú dices
/bang-motion Haz una promo de 30 segundos de nuestra zapatilla de running en estilo flat pop with photos, 16:9. Usa nuestras fotos de producto y genera una corredora ficticia que las lleve. Termina con el logo y «Shop the drop».
Pide a tu agente una promo, una apertura, un tour de producto o un vídeo explicativo. Bang Motion lo hace trabajar como un motion designer de verdad: el estilo sale de tu marca, la estructura se elige de un menú de conceptos y el resultado se mueve como cine. Personas y productos entran saltando desde el borde del encuadre, las etiquetas se pegan a ellos, una palabra gigante queda detrás, los campos de color cambian solo cuando algo los activa y la cámara empuja hacia la siguiente escena en lugar de fundir a negro.
Cómo funciona
- Brief: dile a tu agente el producto, el público, la duración y el formato, y pásale tu logo, tu web, capturas o fotos.
- Brief de estilo: responde con tres conceptos, una recomendación, un esquema de estructura y una paleta en la que cada color indica su origen. Lo apruebas o lo cambias antes de que se escriba código.
- Recursos: primero tus fotos y tu logo; si no tienes, puede generar personas y productos ficticios con una herramienta de imagen o elegir un concepto que no necesite fotos.
- Construcción: escribe un único index.html con HTML, CSS y GSAP, revisa fotogramas clave con sus reglas (nada de diapositivas con fundido, un protagonista que no desaparece, como mucho dos niveles de texto, legible en el móvil) y corrige lo que falle.
- Entrega: haz doble clic en el archivo para verlo, recórrelo con ?debug=1 o exporta un MP4 sin fotogramas perdidos con el script incluido (Node.js, Puppeteer y FFmpeg).
Consejos
- Nombra un estilo, no una lista de escenas: «flat pop with photos», «grainy gradient», «poster color-block» o «product tour with claims».
- Entrega material real de marca; la paleta y las formas salen de ahí.
- Textos cortos: una apertura transmite una sensación y un explicativo un argumento.
- Empieza cada vídeo nuevo en un chat nuevo para que no se cuelen decisiones anteriores.
Código abierto
Bang Motion lo ha creado Bang Tutorial (bangtutorial/bang-motion) y se comparte con licencia MIT. La descarga es el Skill tal como está publicado en GitHub. Sus instrucciones están en indonesio y su README en inglés; tu agente lee ambos y trabaja en tu idioma.
Qué necesitas antes de empezar
- Tú aportas
- Tu producto, tu logo y tu material de marca, la duración y el formato, y tus fotos si las tienes; si no, se pueden generar personas y productos ficticios.
- Dependencias
- Google Chrome (o CHROME_PATH) — obligatorio · Clave de modelo de imagen — opcional
- Costes externos
- Construir y ver el vídeo no cuesta nada. Generar fotos con un modelo de imagen es opcional y lo cobra ese proveedor.
- Última prueba
- v1.19.0 —
Opiniones de usuarios
Aún no hay opiniones. Instala el Skill y sé el primero en valorarlo.
Preguntas frecuentes
¿Por qué no parece una presentación?
El Skill busca hábitos de diapositiva en su propio código: nada de secciones que entran y salen con fundido, un protagonista o un mundo que permanece, como mucho dos niveles de texto, un fondo siempre en movimiento y cambios de color con un detonante visible.
¿Qué estilos puede hacer?
Diez looks, del oscuro cinematográfico y el bloque de color tipo póster al flat pop with photos y el degradado con grano, combinados con diecinueve conceptos de apertura y seis estilos de explicativo. Puedes nombrar uno o dejar que te recomiende.
¿Me llevo un MP4?
Recibes un archivo HTML que se reproduce en cualquier navegador. El script de exportación incluido lo renderiza fotograma a fotograma a MP4 sin pérdidas; necesita Node.js, Puppeteer y FFmpeg.
¿Por qué es gratis?
Bang Motion es un Skill de código abierto de Bang Tutorial. Lo listamos tal cual, con una muestra hecha ejecutándolo sobre nuestra zapatilla, la Halden Solace.
