这是一个为 Claude Code / Codex 等支持 Skills 的 AI 编程代理提供的动效视频制作技能库。目前核心技能是 `motion-broll`：输入视频和字幕/转录稿后，自动分析画面、规划时间点，并生成与语音内容同步的 motion graphics B-roll 素材，例如全屏转场、透明面板、终端/图表/卡片等连续变形动画。输出包括可导入剪辑软件的 MP4/MOV 素材、预览成片、对比页面、逐片段查看页面和时间点说明文件。
适用领域
视频制作 / 动态图形 / AI 辅助创作 / 内容创作者工具 / Claude Code Skills / 自动化视频后期 / HTML 动画渲染 / ffmpeg 视频处理
配置难度
中等偏高。对普通内容创作者来说，主要难点在于配置 Node.js、Python、ffmpeg、Claude Code Skills 以及处理视频素材路径；对熟悉命令行和 AI 编程工具的开发者来说，上手难度中等。若要定制动效、修改 HTML/JS 渲染引擎或适配中文排版，则需要前端动画、视频编码和自动化脚本经验。
商业价值
该项目对技术内容创作者、AI 教程团队和产品营销视频团队有较高实用价值，可以显著减少 B-roll 动效制作时间，把原本需要设计师和剪辑师手工完成的部分工作自动化。对于中国开发者和视频创作者来说，它尤其适合制作编程教程、AI 工具演示、SaaS 产品讲解、知识付费课程等内容。不过当前项目更像是高潜力的专业生产力工具雏形，而非成熟 SaaS 产品；商业落地需要进一步验证中文内容支持、稳定性、模板丰富度、批量处理能力和版权/许可证一致性。
01
技术亮点
- 自动从视频和字幕中规划 B-roll 动效，降低手工制作动态图形的时间成本。
- 输出内容直接按时间线位置命名，例如 `04-master-prompt_0m32s40.mp4`，方便剪辑师定位。
- 支持全屏 cutaway MP4 和带透明通道的 ProRes 4444 MOV 面板素材。
- 会生成 preview render、compare.html、viewer.html 和 TIMING.md，方便审查与迭代。
- 动画设计强调连续变形，一个形状可以从 pill 变成 card、terminal、chart，减少生硬切换。
- 每一帧都是时间的纯函数，不依赖 CSS transitions 或定时器，利于可重复渲染和逐帧检查。
- 使用 Headless Chromium 捕获 HTML 动画，并通过 ffmpeg 合成运动模糊，技术路径清晰。
- 明确声明不会编造数字或结果，缺少真实数据时使用相对大小和骨架文本，适合严肃内容创作。
02
目标用户
- 使用 Claude Code 或其他支持 Skills 的 AI Agent 的开发者
- YouTube / Bilibili / 短视频技术类内容创作者
- 需要为教程、演示、产品视频添加动态图形的独立创作者
- 视频剪辑师和后期制作人员
- 希望用 AI 自动生成 B-roll 素材的团队
- 熟悉 Node.js、Python、ffmpeg 工作流的技术用户
03
配置要求
- Node.js 18 或更高版本
- Python 3
- ffmpeg，并且需要支持 ProRes 编码器
- Claude Code 或其他能够读取 Skills 的 AI Agent 环境
- 输入视频文件
- 对应的字幕或转录稿，推荐 SRT 格式
- 首次运行会在本地 `motion/` 文件夹中安装 Playwright 和 Chromium
- 需要足够的本地磁盘空间用于渲染中间文件、预览视频和输出素材
- 视频渲染依赖本地 CPU/GPU 性能，长视频或高分辨率视频会耗时较长
04
适用场景
- 为技术讲解视频自动生成与口播同步的动态图形 B-roll
- 根据 SRT 字幕生成按时间线命名的视频片段，方便导入 Final Cut、Premiere、DaVinci Resolve 等剪辑软件
- 在人物画面旁边生成透明背景信息面板、代码窗口、终端、图表等辅助视觉元素
- 制作全屏 cutaway 动画，用于强调关键概念、流程、提示词、数据结构或产品功能
- 生成原视频与加动效版本的对比页面，便于审片和修改
- 为 AI 教程、编程教程、SaaS 产品演示视频提升视觉表现力
05
部署与配置
- 确保本机已安装 Node.js 18+、Python 3 和 ffmpeg。
- 如果使用 macOS，建议通过 Homebrew 安装 ffmpeg，以确保包含 ProRes 编码器。
- 在支持 Skills 的环境中运行：`npx skills add Barty-Bart/motion-graphics`。
- 安装时选择或启用 `motion-broll` 技能。
- 也可以手动复制 `skills/motion-broll` 到项目的 `.claude/skills/` 目录，或复制到 `~/.claude/skills/` 作为全局技能。
- 在 Claude Code 中运行 `/motion-broll`。
- 按提示提供视频文件和字幕/转录文件，例如来自剪辑软件、Descript 或 YouTube 的 SRT。
- 确认自动生成的片段规划表后，等待工具构建、检查并渲染最终素材。
06
风险与注意事项
- 项目目前看起来仍处于早期阶段，README 中提到目前主要只有 `motion-broll` 一个技能，后续能力尚未完善。
- 依赖 Claude Code / Skills 生态，对非 Claude Code 用户的使用门槛较高。
- 安装和运行依赖 Node.js、Python、ffmpeg、Playwright、Chromium，环境问题可能较多。
- 视频渲染链路复杂，可能受到操作系统、ffmpeg 编码器、字体、浏览器版本等因素影响。
- 自动生成的动效规划仍需要人工审核，否则可能出现节奏、画面布局或语义匹配不准确的问题。
- 对中文视频的字幕断句、词级时间估计、排版适配效果未知，可能需要实际测试。
- 仓库元数据未明确 license，但 README 声称 MIT，商业使用前应再次核对仓库 LICENSE 文件。
- 生成的素材适合辅助后期，不等同于完整自动剪辑系统，最终成片仍需要人工剪辑和审美把控。
2026-10-02
第30名
新收录 · github_search
