✦ Studio-Tipp
Halden Solace · 16:9
Mit diesem Skill gerendert
Bang Motion Promo v1.19.0
Promos, Opener und Erklärvideos, die sich wie Video bewegen statt wie Folien: ein Stil aus deiner Marke, eine Kamera, die sich bewegt, Fotos und Wörter, die im Takt aufpoppen – in einer einzigen HTML-Datei.
Noch keine Bewertungen 0 Downloads
- Format
- Video · 16:9
- Länge
- 0:30
Kostenlos Kostenlos mit Konto
Füge das in deinen Agent ein. Er verbindet bei Bedarf die CLI und installiert dann den Skill.
Ein Open-Source-Skill, der deinen Agenten zum Motion Designer macht. Er leitet einen Stil aus deiner Marke ab, schlägt drei Konzepte vor und empfiehlt eines und baut dann eine einzige index.html, in der sich die Kamera bewegt, das Motiv im Bild bleibt und Farbflächen nur mit sichtbarem Auslöser wechseln. Zehn Stile, neunzehn Opener-Konzepte und sechs Erklärstile, mit Bild-für-Bild-Export als MP4.
Aktualisiert am 2. Nov. 2026
Das bekommst du
- Eine index.html, die wie ein Video läuft: Autoplay, Schleife und Scrub-Leiste mit ?debug=1
- Ein Style-Briefing mit drei Konzepten, einer Empfehlung und einer belegten Palette
- Prüfung der Schlüsselbilder nach den Anti-Folien-Regeln des Skills
- Optionaler Bild-für-Bild-Export als MP4 mit 60 fps
Gut geeignet für
- Produktlaunches und Shop-Promos
- App-Opener, SaaS-Touren und Marken-Idents
- Erklärvideos mit Fotos, Freistellern oder Zeichnungen
Nicht geeignet für
- Schnitt von bereits gedrehtem Material
- Videos mit Sprecher vor der Kamera
Über diesen Skill
Du sagst
/bang-motion Mach eine 30-Sekunden-Promo für unseren Laufschuh im Stil flat pop with photos, 16:9. Nimm unsere Produktfotos und erzeuge eine fiktive Läuferin, die ihn trägt. Ende mit dem Logo und „Shop the drop“.
Bitte deinen Agenten um eine Promo, einen Opener, eine Produkttour oder ein Erklärvideo. Bang Motion lässt ihn arbeiten wie einen echten Motion Designer: Der Look kommt aus deiner Marke, die Struktur aus einem Konzeptmenü, und das Ergebnis bewegt sich wie Film. Menschen und Produkte springen vom Bildrand herein, Labels kleben an ihnen, ein riesiges Wort steht dahinter, Farbflächen wechseln nur auf einen Auslöser, und die Kamera schiebt sich in die nächste Szene statt zu überblenden.
So funktioniert es
- Briefing: Nenne deinem Agenten Produkt, Zielgruppe, Länge und Format und gib ihm Logo, Website, Screenshots oder Fotos.
- Style-Briefing: Er antwortet mit drei Konzepten, einer Empfehlung, einem Strukturentwurf und einer Palette, bei der jede Farbe ihre Quelle nennt. Du gibst frei oder änderst, bevor Code entsteht.
- Material: Zuerst deine Fotos und dein Logo; fehlen sie, kann er fiktive Menschen und Produkte mit einem Bildtool erzeugen oder ein Konzept ohne Fotos wählen.
- Bauen: Er schreibt eine einzige index.html mit HTML, CSS und GSAP, prüft Schlüsselbilder gegen seine Regeln (keine Folien mit Überblendung, ein Motiv, das bleibt, höchstens zwei Textebenen, auf dem Handy lesbar) und korrigiert, was durchfällt.
- Übergabe: Datei doppelklicken zum Abspielen, mit ?debug=1 scrubben oder mit dem mitgelieferten Skript ein MP4 ohne verlorene Bilder exportieren (Node.js, Puppeteer und FFmpeg).
Tipps
- Nenne einen Stil statt einer Szenenliste: „flat pop with photos“, „grainy gradient“, „poster color-block“ oder „product tour with claims“.
- Gib echtes Markenmaterial; Palette und Formen werden daraus abgeleitet.
- Kurze Texte: Ein Opener trägt ein Gefühl, ein Erklärvideo ein Argument.
- Starte jedes neue Video in einem neuen Chat, damit alte Entscheidungen nicht mitlaufen.
Open Source
Bang Motion stammt von Bang Tutorial (bangtutorial/bang-motion) und steht unter der MIT-Lizenz. Der Download ist der Skill so, wie er auf GitHub veröffentlicht ist. Die Anleitungen sind auf Indonesisch, die README auf Englisch; dein Agent liest beides und arbeitet in deiner Sprache.
Was du vorab brauchst
- Du lieferst
- Dein Produkt, Logo und Markenmaterial, Länge und Format und deine Fotos, falls vorhanden; sonst lassen sich fiktive Menschen und Produkte erzeugen.
- Abhängigkeiten
- Google Chrome (oder CHROME_PATH) — erforderlich · Schlüssel für Bildmodell — optional
- Externe Kosten
- Keine fürs Bauen und Ansehen. Fotos mit einem Bildmodell zu erzeugen ist optional und wird vom jeweiligen Anbieter berechnet.
- Zuletzt getestet
- v1.19.0 —
Nutzerbewertungen
Noch keine Bewertungen. Installiere den Skill und bewerte ihn als Erste:r.
FAQ
Warum wirkt es nicht wie Folien?
Der Skill sucht in seinem eigenen Code nach Folien-Gewohnheiten: keine Abschnitte, die ein- und ausblenden, ein Motiv oder eine Welt, die bleibt, höchstens zwei Textebenen, ein Hintergrund, der sich immer bewegt, und Farbwechsel mit sichtbarem Auslöser.
Welche Stile kann er?
Zehn Looks, von Cinematic Dark und Poster-Farbflächen bis Flat Pop with Photos und körnigem Verlauf, kombiniert mit neunzehn Opener-Konzepten und sechs Erklärstilen. Nenne einen oder lass dir einen empfehlen.
Bekomme ich ein MP4?
Du bekommst eine HTML-Datei, die in jedem Browser läuft. Das mitgelieferte Exportskript rendert sie Bild für Bild verlustfrei als MP4; dafür brauchst du Node.js, Puppeteer und FFmpeg.
Warum ist es kostenlos?
Bang Motion ist ein Open-Source-Skill von Bang Tutorial. Wir listen ihn unverändert, mit einem Beispiel, das wir mit unserem hauseigenen Sneaker Halden Solace erstellt haben.
