bangtutorial/bang-motion

Agent skill for browser motion graphics — openers, promos, bumpers, kinetic typography, and five explainer styles that move like video, not slides. Single index.html output. Works with Claude Code, Codex, Gemini CLI, Cursor.

What it solves

Bang Motion prevents AI coding agents from creating "slide-like" animations (simple fades and static sections) when asked for videos. It provides a framework of professional motion design rules, architectural starters, and style guides that enable agents to build continuous, cinematic motion graphics—such as product promos, SaaS demos, and explainers—delivered as a single index.html file.

How it works

It functions as an "Agent Skill" (a set of instructions and references) that can be installed as a plugin for Claude Code or manually added to other AI agents (Cursor, Gemini CLI, etc.). The system guides the agent through a specific workflow:

  1. Style Briefing: The agent proposes a brand-derived palette and structure before writing code.
  2. Architectural Starters: The agent uses pre-defined HTML/CSS/JS templates (using GSAP and Three.js) to ensure a professional foundation.
  3. Rule-Based Validation: The agent checks its code against "anti-slide" rules (e.g., ensuring a persistent subject, avoiding simple fades, and maintaining a moving camera).
  4. Delivery: The output is a self-playing HTML file that can be exported to MP4 via provided Node.js scripts.

Who it’s for

  • Developers and designers using AI coding agents to create high-quality marketing assets.
  • Teams needing rapid prototypes for product launches, app promos, or educational explainers.
  • Users of Claude Code, Cursor, or Gemini CLI who want to automate motion design.

Highlights

  • Diverse Output Types: Supports openers, SaaS product tours, kinetic typography, and complex explainers.
  • Brand-Driven Aesthetics: Styles are derived from the user's brand assets rather than generic templates.
  • Professional Motion Logic: Implements concepts like "breathing drift," motivated camera pushes, and frame-accurate video layers.
  • Flexible Export: Deliverables are primarily HTML for instant viewing but can be rendered to MP4.
  • External Integration: Can build directly in Adobe After Effects via the Higgsfield MCP bridge for specific styles.

Related

  • Project
    a9876543245/DEEPFOLD-SOLVER

    A GPU-accelerated GTO poker solver that uses a DCFR engine to calculate equilibrium strategies with advanced analysis tools for blockers and runouts.

  • Project
    ReactiveBayes/RxInfer.jl

    RxInfer.jl is a Julia library for fast, reactive Bayesian inference using factor‑graph message passing. It automatically exploits conjugate relationships for exact updates, supports non‑conjugate models, and can be deployed as a REST API via RxInferServer. Install with `] add RxInfer`, define models with the `@model` macro, and call `infer` to obtain posteriors.

  • Project
    gbasin/agentboard

    A web GUI for tmux optimized for AI agent TUIs, allowing users to manage and interact with agent sessions across desktop and mobile devices.

  • Project
    getkern/kern

    A fast, rootless, daemonless container runtime and sandbox designed for executing AI agent tool-calls and generated code with kernel-enforced isolation in under 4ms.