Bang Motion Skill：让 AI Agent 真正产出 Motion Graphics 而不是 PPT 幻灯片

让 AI Agent 真正产出 Motion Graphics 而不是 PPT 幻灯片——这是 bangtutorial/bang-motion 解决的核心痛点。当前 AI 生成视频的工具大多输出”幻灯片 + 过渡动画”，内容节节切换靠淡入淡出，摄像机不移动，主体不连贯，实质上只是会动的 PPT。Bang Motion 是一个 Agent Skill，通过结构化规则集让编码型 AI Agent（Claude Code、Codex、Gemini CLI、Cursor 等）生成真正符合运动设计规范的浏览器动画，输出为单个 index.html，双击即可播放，自动循环、无播放器边框。上线一周多，GitHub 获 197 星（截至 2026-09-14），周增 197 星的热度曲线正处于爬升阶段。

Bang Motion 遵循开放 Agent Skills 规范：一个文件夹含 SKILL.md（frontmatter + 指令）、references/、assets/、scripts/，同时支持作为 Claude Code 插件安装，两个命令即可部署并自动更新。设计原则是”规则锁定结构，不锁定审美”——反幻灯片规则、抗敷衍菜单、摄像机编排检查都是代码层面的强制校验，渐变色、光影、3D 深度、纹理和大胆配色被明确鼓励，只有最廉价的重复默认方案被禁止。

GitHub：https://github.com/bangtutorial/bang-motion

作者为 YouTube 频道 Bang Tutorial（139万订阅者，长期专注技术、设计与编程教程），将积累多年的运动设计方法论编码为 AI Agent 可理解的规则系统，而非简单的提示词模板。

Bang Motion 解决的问题是：当你对 AI Agent 说”做一个宣传视频”，它通常会给你一连串幻灯片——每个想法一页、一张照片、一个标题、中间淡入淡出。真正的运动设计要求一条连续的世界、真正移动的摄像机、贯穿多个场景的持续主体、内部嵌入数字而非漂浮其上——Bang Motion 将这些结构性要求编码为 Agent 在代码层面可自行校验的检查项，配合让正确架构成为阻力最小路径的起步模板。

核心能力覆盖五大类：
– 通用运动图形：开场、促销、角标、ID、频道片头、动态字体、Lower Thirds、信息图——配备共享摄像机支架、确定性时间线和反幻灯片规则
– 五套 explainer 风格：卡通拼贴、视觉新闻、白目录 vintage sketch 连续动作，每种有独立起步模板
– 风格菜单系统：8 个风格方向、11 种背景动画、6 种背景表面、9 种转场、6 种高亮形状，强制每次项目选择不重复
– 摄像机编排：推近→滑行→拉远→保持；禁止三个连续场景同一角度；每个事实配专属视角仪器
– 语音对口型工作流：Agent 输出脚本，用户录音/生成配音传回，AI 自动重新调整视频节奏到语音长度

安装方式（二选一）：

# 方式一：Claude Code 插件市场
/plugin marketplace add bangtutorial/bang-motion
/plugin install bang-motion@bang-motion

# 方式二：Git Clone 到本地技能目录
git clone https://github.com/bangtutorial/bang-motion
# 复制到 ~/.claude/skills/bang-motion

触发关键词包括”做一支 explainer””做一个宣传视频””开场动画”或抱怨动画”看起来像 PowerPoint”。

适用场景与人群：需要品牌宣传视频、产品演示、频道片头、信息图动画的内容创作者与营销团队；想用 AI 编码 Agent 高效产出 Motion Graphics 但不想自己写运动设计规范的前端开发者；需要在多 Agent 协作流程中统一视频输出标准的 AI 工作流构建者。YouTube 博主、在线课程制作者、数字化营销 Agency 都是天然目标用户。

输入与输出案例

案例一（opener）：
– 输入：”做一个 30 秒的笔记 App 开场片头，这是 logo。”
– 输出：Agent 先写风格简报（从 logo 提取色板、选有特色的展示字体、一种背景语言、一种运动签名），再写场景大纲，最后才写代码。两个不同产品永远不会用同一种视觉风格。交付物：index.html，双击播放，自动循环，无播放器边框。

案例二（explainer）：
– 输入：”做一个关于 Whoosh 高铁的 explainer 视频。”
– 输出流程：Agent 询问一个问题——风格（五选一+推荐）、横纵比、时长、是否带声音。用户确认后得到 index.html（直接播放）+ 配音脚本。记录或生成配音后传回，Agent 自动将视频节奏同步到语音长度，支持浏览器内暂停检测（ffmpeg 不可用时）。

GitHub: https://github.com/bangtutorial/bang-motion