Was ist Bang Motion?
Bang Motion ist eine Agent Skill, auch als Claude-Code-Plugin verpackt, mit der ein Coding-Agent Motion Graphics im Browser baut: Produkt-Opener und Promos von 15 bis 40 Sekunden, SaaS-Demos, kinetische Typografie, Bumper und Erklärvideos von 30 bis 120 Sekunden in 16:9 oder 9:16. Ergebnis ist eine einzige index.html auf Basis von GSAP und bei Bedarf Three.js, die automatisch und in Schleife abspielt; ?debug=1 fügt eine Scrub-Leiste hinzu, und optionale Skripte erfassen Schlüsselbilder oder exportieren MP4.
Die Skill arbeitet mit Menüs statt mit einer festen Vorlage: 10 Stilrichtungen, 19 Opener-Konzepte und sechs Erklärstile, jeder mit eigener Startdatei. Bevor der Agent Code schreibt, muss er ein Stil-Briefing mit drei Konzeptkandidaten, einer Empfehlung und einer Palette liefern, in der jede Farbe ihre Quelle nennt. Eine optionale Brücke baut Cartoon-Erklärvideos direkt in After Effects über den MCP-Server von Higgsfield.
Sie stammt von Bang Tutorial, einem indonesischen YouTube-Kanal, und steht unter MIT-Lizenz. Das README ist englisch, SKILL.md, das Changelog und die meisten Referenzdateien aber indonesisch. Das Repo wurde am 5. September 2026 angelegt; Version 1.19.0 erschien am 15. September 2026, seitdem wurde nichts mehr gemergt. Es hat rund 1.365 Sterne und 170 Forks.
Lohnt sich Bang Motion?
Bang Motion bekämpft den häufigsten Fehler von Agenten-Videos, den Foliensatz mit Überblendungen, über den Prozess statt über Feinschliff. Der Agent darf keinen Code schreiben, bevor er drei Konzepte aus einem Menü von 19 vorgeschlagen, eines gewählt, einen Struktur-Fingerabdruck benannt hat, der sich vom vorigen Projekt unterscheiden muss, und eine Palette aus der Marke abgeleitet hat. Die Anti-Folien-Regeln sind so formuliert, dass der Agent sie im eigenen Code prüfen kann: keine überblendeten Abschnitte, ein Subjekt oder eine Welt, die bestehen bleibt, höchstens zwei Textebenen, wechselnde Übergänge und kein Text unter 30 px auf einer 1.080 breiten Bühne.
Ihre Anforderungen sind die geringsten unter den Motion-Skills, die wir besprochen haben. Zum Ansehen genügt ein Browser; Node, puppeteer und ffmpeg sind optional, für Frame-Prüfungen und MP4-Export. motionmaxxing dagegen braucht vorab Node 22, Python 3, ffmpeg und Chrome, und HyperFrames ist ein vollständiger Renderer statt einer Skill. Der Preis ist die Beweislage. motionmaxxing leitete seine Easings aus 4.288 gemessenen professionellen Bewegungen ab und bewertet Renderings per Skript; die Regeln von Bang Motion sind der Geschmack eines Kanals, und die Prüfung besteht aus Screenshots von Schlüsselbildern, die der Agent lesen soll. Diagram Design löst dasselbe Geschmacksproblem für statische Grafiken.
Das Gewicht steckt in den Anweisungen. SKILL.md umfasst etwa 39 KB, rund 10.000 Tokens bei vier Zeichen pro Token, und die acht Referenzdateien bringen weitere etwa 184 KB, die größte 58 KB. Kosten in Tokens oder Zeit pro Video werden nicht veröffentlicht. Weil SKILL.md auf Indonesisch geschrieben ist, liest der Agent seine Regeln in einer Sprache und spricht mit englischsprachigen Nutzern in einer anderen; aktuelle Modelle kommen damit zurecht, doch wer kein Indonesisch liest, kann die Regeln schwer prüfen.
Zwei praktische Vorbehalte. Die gelieferte index.html lädt GSAP 3.12.5 und Three.js 0.161.0 von jsDelivr und Schriften von Google, spielt also nicht offline und ruft bei jeder Wiedergabe Server Dritter auf. Und das Projekt verstummte schnell: Das Repo wurde am 5. September 2026 angelegt, alle drei Commits im Verlauf tragen das Datum 15. September, ein Pull Request eines Mitwirkenden, der Remotion als zweites Ausgabeziel ergänzt, liegt seit dem 23. September ungemergt, und das Plugin-Manifest verspricht noch fünf Erklärstile, wo das README sechs aufzählt.
Wo es sich lohnt
Der Gründer eines dreiköpfigen App-Start-ups vor einem Launch-Post
Eine 20-Sekunden-Promo in 9:16 ohne Motion Designer
Dem Agenten Logo, ein paar Screenshots und den Stil Flat Pop mit Fotos geben; das Stil-Briefing freigeben, mit ?debug=1 prüfen und mit export-frames.mjs als MP4 exportieren. Kosten: Agent-Tokens und ein Abend voller Feedbackrunden.
Ein Lehrer, der einen Wissenschaftskanal betreibt
Aus einem Voice-over ein animiertes Erklärvideo für Kinder machen
Den Stil Cartoon-Collage wählen, die Aufnahme schicken und vo-pauses.html die Pausen im Browser finden lassen, sodass sich die Zeitleiste an die Erzählung anpasst. Kein ffmpeg nötig; Bilder können von jedem Bild-MCP kommen, den der Agent aufrufen kann.
Eine Frontend-Entwicklerin, deren Agent ständig animierte Foliensätze liefert
Dem Agenten Regeln geben, die eine bewegte Kamera und eine durchgehende Szene erzwingen
Das Plugin installieren und den Agenten auf anti-ppt.md verweisen, das Folienmuster ihren Korrekturen zuordnet. Jedes Video in einem neuen Chat beginnen, wie das README rät, damit frühere Entscheidungen nicht ins nächste Projekt durchsickern.
Bevor du dich festlegst
- Einrichtung
- In Claude Code /plugin marketplace add bangtutorial/bang-motion und dann /plugin install bang-motion@bang-motion; für andere Agenten das Repo in den Skills-Ordner klonen oder SKILL.md aus AGENTS.md, GEMINI.md oder .cursor/rules referenzieren. Nur eine Kopie installieren, sonst kollidieren beide.
- Integrationen
- Claude Code, Codex CLI, Gemini CLI und Cursor; GSAP und Three.js von jsDelivr; optional puppeteer und ffmpeg für snap.mjs und MP4-Export; jeder Bild- oder Video-MCP für Assets; After Effects über die MCP-Brücke von Higgsfield.
- Daten und Datenschutz
- Läuft lokal und sendet selbst nichts. Die fertige Seite lädt bei jeder Wiedergabe GSAP, Three.js und Google Fonts, und das optionale serve.py bindet an 127.0.0.1 auf Port 5178. An einen Bild- oder Video-MCP gesendete Assets gehen an dessen Anbieter. MIT-Lizenz; GSAP behält seine eigene Lizenz.
- Kosten im großen Maßstab
- Kein bezahlter Tarif. Kosten sind Agent-Tokens, etwa 10.000 für SKILL.md, bevor eine Referenzdatei geladen wird, plus etwaige Bild- oder Videogenerierung; das Projekt veröffentlicht keinen Wert pro Video.
- Grenzen
- Wiedergabe braucht Internet für die CDNs. Geprüft wird per Screenshot-Durchsicht, nicht per Skript-Bewertung. Der After-Effects-Weg deckt nur Cartoon-Erklärvideos ab. Keine Commits seit dem 15. September 2026, ein offener Pull Request und ein offenes Issue.
Was gut ist
- Stil-Briefing und drei Konzepte vor jedem Code vorgeschrieben
- Anti-Folien-Regeln, die der Agent an seiner eigenen Ausgabe prüfen kann
- Läuft aus einer index.html nur mit Browser; MP4-Export optional
- Installation als Claude-Code-Plugin; manuelle Schritte für Codex, Gemini CLI und Cursor
Was nicht
- Regeln sind Geschmack, keine Messung; Prüfungen sind Screenshots, keine Skripte
- SKILL.md und Referenzen überwiegend auf Indonesisch
- Ausgabe lädt GSAP, Three.js und Schriften von CDNs, also keine Offline-Wiedergabe
- Keine Commits seit dem 15. September 2026; ein Remotion-Pull-Request ungemergt
Am besten für
Entwickler und Solo-Marketer, die mit wenig Einrichtung abwechslungsreiche webbasierte Opener und Erklärvideos von einem Agenten wollen und die Bewegung nach Augenmaß beurteilen können.
Alternativen zu Bang Motion
Bang Motion: häufige Fragen
- Lohnt sich Bang Motion?
- Bang Motion gibt einem Agenten ein Menü aus Looks und Strukturen, das seine Videos vor dem Foliensatz-Eindruck bewahrt, doch die Regeln sind Meinungen eines Designers statt Messungen, und das Repo steht seit Mitte September still. Wir bewerten es mit 3.6 von 5.
- Was kostet Bang Motion?
- Kostenlos unter MIT-Lizenz. Kosten entstehen durch Agent-Tokens und jeden Bild- oder Video-MCP, den du für Assets aufrufst.
- Welche Nachteile hat Bang Motion?
- Regeln sind Geschmack, keine Messung; Prüfungen sind Screenshots, keine Skripte; SKILL.md und Referenzen überwiegend auf Indonesisch; Ausgabe lädt GSAP, Three.js und Schriften von CDNs, also keine Offline-Wiedergabe; Keine Commits seit dem 15. September 2026; ein Remotion-Pull-Request ungemergt.
- Für wen eignet sich Bang Motion?
- Entwickler und Solo-Marketer, die mit wenig Einrichtung abwechslungsreiche webbasierte Opener und Erklärvideos von einem Agenten wollen und die Bewegung nach Augenmaß beurteilen können.
- Was kostet Bang Motion für ein Team oder im Produktivbetrieb?
- Kein bezahlter Tarif. Kosten sind Agent-Tokens, etwa 10.000 für SKILL.md, bevor eine Referenzdatei geladen wird, plus etwaige Bild- oder Videogenerierung; das Projekt veröffentlicht keinen Wert pro Video.
- Ist Bang Motion sicher für Firmendaten?
- Läuft lokal und sendet selbst nichts. Die fertige Seite lädt bei jeder Wiedergabe GSAP, Three.js und Google Fonts, und das optionale serve.py bindet an 127.0.0.1 auf Port 5178. An einen Bild- oder Video-MCP gesendete Assets gehen an dessen Anbieter. MIT-Lizenz; GSAP behält seine eigene Lizenz.
- Was sind die besten Alternativen zu Bang Motion?
- Die nächsten Alternativen, die wir getestet haben, sind motionmaxxing, HyperFrames und OpenDesign.
Antworten geprüft am 7. Nov. 2026.