Bang Motion

Bang Motion

**An agent skill for building motion graphics in the browser — product openers and promos, bumpers and idents, channel intros, kinetic typography, lower thirds, and explainers.**

[](CHANGELOG.md) [](LICENSE) [](#install) [](#install)

Output is a single `index.html` — double-click to play. Autoplay, loop, no player chrome.

Why

Ask an AI agent for "a video" and you usually get **slides**: one section per idea, a photo, a title, a fade between them. Bang Motion encodes what a working motion designer would insist on — one continuous world, a camera that actually moves, a subject that persists across scenes, numbers that live inside the scene instead of floating on top — as **structural checks an agent can verify in its own code**, backed by starters that make the right architecture the path of least resistance.

What you get

• General motion graphics, not just explainers: openers, promos, bumpers, idents, intros, kinetic typography, titles — with a shared camera rig, deterministic timeline, and anti-slide rules.
• Style born from the theme, never from the starter or the reference: a required style brief fixes the palette (from the brand), a display face with character, the background surface, the background motion, the transitions, and a motion signature — each picked from a menu, each required to differ from the previous project. References contribute rhythm, not skin.
• Menus, not defaults: every place where an agent tends to grab the cheape