¿Qué es Bang Motion?
Bang Motion es una Agent Skill, también empaquetada como plugin de Claude Code, que hace que un agente de programación cree motion graphics en el navegador: openers y promos de producto de 15 a 40 segundos, demos de SaaS, tipografía cinética, bumpers y vídeos explicativos de 30 a 120 segundos en 16:9 o 9:16. El resultado es un único index.html hecho con GSAP y, cuando hace falta, Three.js, que se reproduce solo y en bucle; ?debug=1 añade una barra de desplazamiento, y unos scripts opcionales capturan fotogramas clave o exportan a MP4.
La skill trabaja con menús en lugar de una plantilla fija: 10 direcciones de estilo, 19 conceptos de opener y seis estilos de explicativo, cada uno con su archivo de partida. Antes de escribir código, el agente debe entregar un brief de estilo con tres conceptos candidatos, una recomendación y una paleta en la que cada color indica su origen. Un puente opcional construye explicativos de dibujos animados dentro de After Effects mediante el servidor MCP de Higgsfield.
Es obra de Bang Tutorial, un canal indonesio de YouTube, y tiene licencia MIT. El README está en inglés, pero SKILL.md, el changelog y la mayoría de los archivos de referencia están en indonesio. El repositorio se creó el 5 de septiembre de 2026; la versión 1.19.0 llegó el 15 de septiembre de 2026 y desde entonces no se ha fusionado nada. Tiene unas 1.365 estrellas y 170 forks.
¿Merece la pena Bang Motion?
Bang Motion ataca el fallo más común del vídeo hecho por agentes, la presentación con fundidos, mediante el proceso más que con acabado. El agente no puede escribir código hasta proponer tres conceptos de un menú de 19, elegir uno, declarar una huella de estructura que debe diferir del proyecto anterior y derivar una paleta de la marca. Las reglas contra las diapositivas están escritas para que el agente pueda comprobarlas en su propio código: nada de secciones que se funden, un sujeto o un mundo que persiste, como mucho dos niveles de texto, transiciones variadas y ningún texto por debajo de 30 px en un escenario de 1.080 de ancho.
Sus requisitos son los más ligeros de las skills de animación que hemos reseñado. Ver el resultado solo necesita un navegador; Node, puppeteer y ffmpeg son opcionales, para revisar fotogramas y exportar a MP4. motionmaxxing, en cambio, necesita Node 22, Python 3, ffmpeg y Chrome antes de empezar, y HyperFrames es un renderizador completo, no una skill. El precio es la evidencia. motionmaxxing sacó sus curvas de easing de 4.288 movimientos profesionales medidos y puntúa los renders con scripts; las reglas de Bang Motion son el gusto de un canal, y la verificación es una serie de capturas de fotogramas clave que se pide al agente que lea. Diagram Design, en comparación, resuelve el mismo problema de gusto para figuras estáticas.
El peso está en las instrucciones. SKILL.md ocupa unos 39 KB, cerca de 10.000 tokens a cuatro caracteres por token, y los ocho archivos de referencia suman unos 184 KB más, el mayor de 58 KB. No se publica ningún coste en tokens ni en tiempo por vídeo. Como SKILL.md está escrito en indonesio, el agente lee sus reglas en un idioma y habla con un usuario de habla inglesa en otro, algo que los modelos actuales manejan pero que dificulta que alguien que no lee indonesio audite las reglas.
Dos salvedades prácticas. El index.html entregado carga GSAP 3.12.5 y Three.js 0.161.0 desde jsDelivr y las fuentes desde Google, así que no se reproduce sin conexión y llama a servidores de terceros en cada visualización. Y el proyecto se quedó quieto pronto: el repositorio se creó el 5 de septiembre de 2026 y los tres commits de su historial llevan fecha del 15 de septiembre, un pull request de un colaborador que añade Remotion como segunda salida sigue sin fusionar desde el 23 de septiembre, y el manifiesto del plugin aún promete cinco estilos de explicativo donde el README enumera seis.
Dónde se gana su sitio
El fundador de una start-up de apps de tres personas que prepara un anuncio de lanzamiento
Conseguir una promo de 20 segundos en 9:16 sin contratar a un motion designer
Dale al agente el logo, unas capturas y el estilo flat pop con fotos; aprueba el brief de estilo, revisa con ?debug=1 y exporta a MP4 con export-frames.mjs. El coste son tokens del agente y una tarde de rondas de comentarios.
Un profesor que lleva un canal de ciencia
Convertir una locución en un vídeo explicativo animado para niños
Elige el estilo collage de dibujos, envía la grabación y deja que vo-pauses.html detecte las pausas en el navegador para que la línea de tiempo se ajuste a la narración. No hace falta ffmpeg; las imágenes pueden venir de cualquier MCP de imagen al que el agente pueda llamar.
Un desarrollador frontend cuyo agente no para de producir presentaciones animadas
Dar al agente reglas que obliguen a una cámara en movimiento y a una escena persistente
Instala el plugin y dirige al agente a anti-ppt.md, que relaciona patrones de diapositiva con sus arreglos. Empieza cada vídeo en un chat nuevo, como aconseja el README, para que las decisiones anteriores no se filtren al siguiente proyecto.
Antes de decidirte
- Puesta en marcha
- En Claude Code, /plugin marketplace add bangtutorial/bang-motion y después /plugin install bang-motion@bang-motion; para otros agentes, clona el repositorio en la carpeta de skills o referencia SKILL.md desde AGENTS.md, GEMINI.md o .cursor/rules. Instala una sola copia, o las dos entran en conflicto.
- Integraciones
- Claude Code, Codex CLI, Gemini CLI y Cursor; GSAP y Three.js desde jsDelivr; puppeteer y ffmpeg opcionales para snap.mjs y la exportación a MP4; cualquier MCP de imagen o vídeo para los recursos; After Effects mediante el puente MCP de Higgsfield.
- Datos y privacidad
- Funciona en local y no envía nada por sí misma. La página final descarga GSAP, Three.js y Google Fonts en cada visualización, y el serve.py opcional escucha en 127.0.0.1 en el puerto 5178. Los recursos enviados a un MCP de imagen o vídeo van a ese proveedor. Licencia MIT; GSAP mantiene su propia licencia.
- Coste a escala
- No hay plan de pago. El coste son tokens del agente, unos 10.000 para SKILL.md antes de cargar cualquier archivo de referencia, más cualquier generación de imagen o vídeo; el proyecto no publica una cifra por vídeo.
- Límites
- La reproducción necesita internet para las CDN. La verificación es revisión de capturas, no puntuación por script. La vía de After Effects solo cubre explicativos de dibujos animados. Sin commits desde el 15 de septiembre de 2026, con un pull request y un issue abiertos.
Lo bueno
- Exige un brief de estilo y tres conceptos antes de cualquier código
- Reglas contra las diapositivas que el agente puede comprobar en su propio resultado
- Se reproduce desde un index.html solo con un navegador; exportar a MP4 es opcional
- Se instala como plugin de Claude Code; pasos manuales para Codex, Gemini CLI y Cursor
Lo malo
- Las reglas son gusto, no medición; las comprobaciones son capturas, no scripts
- SKILL.md y las referencias están escritos sobre todo en indonesio
- El resultado carga GSAP, Three.js y fuentes desde CDN, así que no funciona sin conexión
- Sin commits desde el 15 de septiembre de 2026; un pull request de Remotion sin fusionar
Ideal para
Desarrolladores y responsables de marketing en solitario que quieren que un agente produzca openers y explicativos web variados con poca configuración, y que saben juzgar la animación a ojo.
Alternativas a Bang Motion
Bang Motion: preguntas frecuentes
- ¿Merece la pena Bang Motion?
- Bang Motion da al agente un menú de estilos y estructuras que evita que sus vídeos parezcan presentaciones, pero sus reglas son opiniones de un diseñador y no mediciones, y el repositorio se paró a mediados de septiembre. Le damos un 3.6 sobre 5.
- ¿Cuánto cuesta Bang Motion?
- Gratis con licencia MIT. Los costes son tokens del agente, más cualquier MCP de imagen o vídeo al que decidas llamar para los recursos.
- ¿Qué inconvenientes tiene Bang Motion?
- Las reglas son gusto, no medición; las comprobaciones son capturas, no scripts; sKILL.md y las referencias están escritos sobre todo en indonesio; el resultado carga GSAP, Three.js y fuentes desde CDN, así que no funciona sin conexión; sin commits desde el 15 de septiembre de 2026; un pull request de Remotion sin fusionar.
- ¿Para quién es Bang Motion?
- Desarrolladores y responsables de marketing en solitario que quieren que un agente produzca openers y explicativos web variados con poca configuración, y que saben juzgar la animación a ojo.
- ¿Cuánto cuesta Bang Motion para un equipo o en producción?
- No hay plan de pago. El coste son tokens del agente, unos 10.000 para SKILL.md antes de cargar cualquier archivo de referencia, más cualquier generación de imagen o vídeo; el proyecto no publica una cifra por vídeo.
- ¿Es Bang Motion seguro para los datos de la empresa?
- Funciona en local y no envía nada por sí misma. La página final descarga GSAP, Three.js y Google Fonts en cada visualización, y el serve.py opcional escucha en 127.0.0.1 en el puerto 5178. Los recursos enviados a un MCP de imagen o vídeo van a ese proveedor. Licencia MIT; GSAP mantiene su propia licencia.
- ¿Cuáles son las mejores alternativas a Bang Motion?
- Las alternativas más cercanas que hemos analizado son motionmaxxing, HyperFrames y OpenDesign.
Respuestas comprobadas el 7 nov 2026.