Qu’est-ce que Bang Motion ?
Bang Motion est une Agent Skill, aussi distribuée comme plugin Claude Code, qui fait construire à un agent de code des motion graphics dans le navigateur : openers et promos produit de 15 à 40 secondes, démos SaaS, typographie cinétique, bumpers et vidéos explicatives de 30 à 120 secondes en 16:9 ou 9:16. Le résultat est un seul index.html bâti sur GSAP et, si besoin, Three.js, qui se lance seul et tourne en boucle ; ?debug=1 ajoute une barre de défilement, et des scripts facultatifs capturent des images clés ou exportent en MP4.
La skill fonctionne par menus plutôt qu'avec un modèle figé : 10 directions de style, 19 concepts d'opener et six styles d'explicatif, chacun avec son fichier de départ. Avant d'écrire du code, l'agent doit rendre un brief de style avec trois concepts candidats, une recommandation et une palette où chaque couleur indique sa source. Une passerelle facultative construit des explicatifs en dessin animé dans After Effects via le serveur MCP de Higgsfield.
Elle est signée Bang Tutorial, une chaîne YouTube indonésienne, et sous licence MIT. Le README est en anglais, mais SKILL.md, le changelog et la plupart des fichiers de référence sont en indonésien. Le dépôt a été créé le 5 septembre 2026 ; la version 1.19.0 est arrivée le 15 septembre 2026 et rien n'a été fusionné depuis. Il compte environ 1 365 étoiles et 170 forks.
Bang Motion vaut-il le coup ?
Bang Motion s'attaque au défaut le plus courant des vidéos faites par des agents, le diaporama à fondus, par la méthode plutôt que par la finition. L'agent ne peut pas écrire de code avant d'avoir proposé trois concepts parmi 19, d'en avoir choisi un, d'avoir énoncé une empreinte de structure différente du projet précédent et d'avoir tiré une palette de la marque. Les règles anti-diapositives sont rédigées pour que l'agent puisse les vérifier dans son propre code : pas de sections en fondu, un sujet ou un monde qui persiste, deux niveaux de texte au plus, des transitions variées et aucun texte sous 30 px sur une scène de 1 080 de large.
Ses prérequis sont les plus légers des skills d'animation que nous avons évaluées. Regarder le résultat ne demande qu'un navigateur ; Node, puppeteer et ffmpeg sont facultatifs, pour vérifier des images et exporter en MP4. motionmaxxing, à l'inverse, exige Node 22, Python 3, ffmpeg et Chrome avant de commencer, et HyperFrames est un moteur de rendu complet plutôt qu'une skill. La contrepartie, ce sont les preuves. motionmaxxing a tiré ses courbes d'accélération de 4 288 mouvements professionnels mesurés et note les rendus par script ; les règles de Bang Motion sont le goût d'une chaîne, et la vérification consiste en captures d'images clés que l'agent doit lire. Diagram Design, par comparaison, règle le même problème de goût pour les figures statiques.
Le poids est dans les instructions. SKILL.md fait environ 39 Ko, soit près de 10 000 tokens à quatre caractères par token, et les huit fichiers de référence ajoutent environ 184 Ko, le plus gros faisant 58 Ko. Aucun coût en tokens ni en temps par vidéo n'est publié. Comme SKILL.md est rédigé en indonésien, l'agent lit ses règles dans une langue et parle à un utilisateur anglophone dans une autre ; les modèles actuels s'en sortent, mais un lecteur qui ne lit pas l'indonésien aura du mal à auditer les règles.
Deux réserves pratiques. L'index.html livré charge GSAP 3.12.5 et Three.js 0.161.0 depuis jsDelivr et les polices depuis Google : il ne se lit pas hors ligne et appelle des serveurs tiers à chaque visionnage. Et le projet s'est vite tu : le dépôt a été créé le 5 septembre 2026 et les trois commits de son historique sont datés du 15 septembre, une pull request d'un contributeur ajoutant Remotion comme seconde sortie attend depuis le 23 septembre, et le manifeste du plugin promet encore cinq styles d'explicatif quand le README en liste six.
Là où il fait la différence
Le fondateur d'une start-up d'appli de trois personnes qui prépare une annonce de lancement
Obtenir une promo de 20 secondes en 9:16 sans engager de motion designer
Donnez à l'agent le logo, quelques captures et le style flat pop avec photos ; validez le brief de style, vérifiez avec ?debug=1 et exportez en MP4 avec export-frames.mjs. Le coût : des tokens d'agent et une soirée d'allers-retours.
Un enseignant qui tient une chaîne de sciences
Transformer une voix off en vidéo explicative animée pour enfants
Choisissez le style collage cartoon, envoyez l'enregistrement et laissez vo-pauses.html repérer les pauses dans le navigateur pour que la timeline se recale sur la narration. Pas besoin de ffmpeg ; les images peuvent venir de tout MCP d'image que l'agent sait appeler.
Une développeuse frontend dont l'agent produit sans cesse des diaporamas animés
Donner à l'agent des règles qui imposent une caméra mobile et une scène persistante
Installez le plugin et orientez l'agent vers anti-ppt.md, qui associe chaque travers de diapositive à sa correction. Démarrez chaque vidéo dans une nouvelle conversation, comme le conseille le README, pour que les choix précédents ne débordent pas sur le projet suivant.
Avant de vous engager
- Mise en route
- Dans Claude Code, /plugin marketplace add bangtutorial/bang-motion puis /plugin install bang-motion@bang-motion ; pour les autres agents, clonez le dépôt dans le dossier des skills ou référencez SKILL.md depuis AGENTS.md, GEMINI.md ou .cursor/rules. N'installez qu'une copie, sinon les deux entrent en conflit.
- Intégrations
- Claude Code, Codex CLI, Gemini CLI et Cursor ; GSAP et Three.js depuis jsDelivr ; puppeteer et ffmpeg facultatifs pour snap.mjs et l'export MP4 ; tout MCP d'image ou de vidéo pour les ressources ; After Effects via la passerelle MCP de Higgsfield.
- Données et confidentialité
- Tourne en local et n'envoie rien par elle-même. La page finale télécharge GSAP, Three.js et Google Fonts à chaque visionnage, et le serve.py facultatif écoute sur 127.0.0.1, port 5178. Les ressources envoyées à un MCP d'image ou de vidéo partent chez ce fournisseur. Licence MIT ; GSAP garde sa propre licence.
- Coût à grande échelle
- Pas d'offre payante. Le coût, ce sont les tokens de l'agent, environ 10 000 pour SKILL.md avant le chargement de tout fichier de référence, plus d'éventuelles générations d'images ou de vidéos ; le projet ne publie aucun chiffre par vidéo.
- Limites
- La lecture nécessite internet pour les CDN. La vérification passe par la relecture de captures, pas par une notation scriptée. La voie After Effects ne couvre que les explicatifs en dessin animé. Aucun commit depuis le 15 septembre 2026, une pull request et une issue ouvertes.
Les points forts
- Brief de style et trois concepts exigés avant tout code
- Règles anti-diapositives que l'agent peut vérifier sur sa propre sortie
- Se lit depuis un index.html avec un simple navigateur ; export MP4 facultatif
- S'installe comme plugin Claude Code ; étapes manuelles pour Codex, Gemini CLI et Cursor
Les points faibles
- Les règles relèvent du goût, pas de la mesure ; les contrôles sont des captures, pas des scripts
- SKILL.md et les références surtout en indonésien
- La sortie charge GSAP, Three.js et les polices depuis des CDN, donc pas de lecture hors ligne
- Aucun commit depuis le 15 septembre 2026 ; une pull request Remotion non fusionnée
Idéal pour
Les développeurs et marketeurs indépendants qui veulent qu'un agent produise des openers et explicatifs web variés avec peu de configuration, et qui savent juger l'animation à l'œil.
Alternatives à Bang Motion
Bang Motion : questions fréquentes
- Bang Motion vaut-il le coup ?
- Bang Motion donne à l'agent un menu de looks et de structures qui évite à ses vidéos l'air de diaporama, mais ses règles sont les opinions d'un designer plutôt que des mesures, et le dépôt est à l'arrêt depuis la mi-septembre. Nous lui donnons 3.6 sur 5.
- Combien coûte Bang Motion ?
- Gratuit sous licence MIT. Les coûts sont les tokens de l'agent, plus tout MCP d'image ou de vidéo que vous choisissez d'appeler pour les ressources.
- Quels sont les inconvénients de Bang Motion ?
- Les règles relèvent du goût, pas de la mesure ; les contrôles sont des captures, pas des scripts; sKILL.md et les références surtout en indonésien; la sortie charge GSAP, Three.js et les polices depuis des CDN, donc pas de lecture hors ligne; aucun commit depuis le 15 septembre 2026 ; une pull request Remotion non fusionnée.
- À qui s’adresse Bang Motion ?
- Les développeurs et marketeurs indépendants qui veulent qu'un agent produise des openers et explicatifs web variés avec peu de configuration, et qui savent juger l'animation à l'œil.
- Combien coûte Bang Motion pour une équipe ou en production ?
- Pas d'offre payante. Le coût, ce sont les tokens de l'agent, environ 10 000 pour SKILL.md avant le chargement de tout fichier de référence, plus d'éventuelles générations d'images ou de vidéos ; le projet ne publie aucun chiffre par vidéo.
- Bang Motion est-il sûr pour les données de l’entreprise ?
- Tourne en local et n'envoie rien par elle-même. La page finale télécharge GSAP, Three.js et Google Fonts à chaque visionnage, et le serve.py facultatif écoute sur 127.0.0.1, port 5178. Les ressources envoyées à un MCP d'image ou de vidéo partent chez ce fournisseur. Licence MIT ; GSAP garde sa propre licence.
- Quelles sont les meilleures alternatives à Bang Motion ?
- Les alternatives les plus proches que nous avons testées sont motionmaxxing, HyperFrames et OpenDesign.
Réponses vérifiées le 7 nov. 2026.