
什么是 Motion Video Kit?
Motion Video Kit 是一项 Claude Code 技能,用于为真实企业制作高品质、发布会风格的商业广告。它结合了 AI 生成的素材、使用 HTML 和 GSAP 构建的动效、精选的 Three.js 场景、可量化的质量检查,以及独立的评审流程。
该工具包也可以作为纯文本上下文与其他大型语言模型配合使用。其指导内容基于对 28 部专业 SaaS 发布影片的分析,以及一支经过五轮独立评审优化的示例广告。仓库包含原创分析和参考影片链接,但不会重新分发这些影片中的素材。
Motion Video Kit 与用于渲染的 HyperFrames 配合使用效果最佳,但其中的原则、提示词和质量检查与渲染器无关。
主要功能
- Gauntlet 评审循环:将构建者与评审者分离,使用新的评审者评估实际渲染结果,逐项验证发现的问题,并在工作台账中记录。
- 动效语法:提供六项动效规则、16 种可复用机制的目录、节奏指导,以及对 28 部参考影片的笔记。
- 质量控制:涵盖冻结时间、响度、对比度和品牌色等可量化检查,同时包括视觉和业务审批标准。
- 音频指导:说明如何为买方的客户选择音乐、使用精简的音效,并以明确的混音目标为方向进行制作。
- 业务手册:包含带有购买证据的商业垂直领域、价格锚点、试点方案模板,以及诚信规则。
- Three.js 模式:记录确定性且可定位的场景、带投影标注的爆炸图层、置于 3D 环境中的照片、动画化选项补丁,以及真实感检查清单。
- 脚本与模板:包含用于冻结时间测量、响度分析、联系表、音效弱化、候选选择、增益求解、独立组件测试和投影叠加层的实用工具。
前置要求
随附脚本需要 ffmpeg 和 ffprobe。你的 FFmpeg 安装必须包含用于响度分析的 ebur128 滤镜。
Node.js 22 或更高版本以及 HyperFrames 均为可选项。使用随附的 component-lab 模板时它们很有用,但要应用项目的工作流程、提示词或评审标准,并不需要这些工具。
检查所需工具
ffmpeg -version
ffprobe -version
ffmpeg -filters查看滤镜输出,并在依赖响度测量工具之前确认 ebur128 可用。
为 Claude Code 安装 Motion Video Kit
第 1 步:克隆仓库
git clone https://github.com/echris6/motion-video-kit.git第 2 步:全局或本地安装技能
要让该技能适用于所有 Claude Code 项目,请将其复制到用户级技能目录:
cp -r motion-video-kit/business-motion-film ~/.claude/skills/要仅为一个项目安装,请将其复制到该项目的本地技能目录:
cp -r motion-video-kit/business-motion-film <your-project>/.claude/skills/安装完成后,让 Claude Code 创建一支商业广告、样片集或产品解说片。你也可以提供一支已有影片并请求评审。
将工具包与其他大语言模型配合使用
该项目并不局限于 Claude Code。对于其他大语言模型,请将 business-motion-film/SKILL.md 的内容放入模型上下文,然后仅添加与任务相关的参考文件。
例如,在设计转场和节奏时加入 motion-grammar.md,在规划配乐时加入 audio.md,或在评估渲染影片时加入 critic-prompts.md。这种选择性方式可以让上下文保持聚焦,同时保留项目的核心规则。
了解仓库结构
business-motion-film/
SKILL.md
references/
gauntlet.md
critic-prompts.md
motion-grammar.md
launch-film-notes.md
quality-bar.md
audio.md
business-offers.md
three-js-patterns.md
case-study-alder.md
scripts/
templates/
component-lab.html
projected-overlays.jsSKILL.md 定义了主要工作流程和不可妥协的要求。references 目录包含详细的制作、业务、动效、音频、Three.js 和评审指导。scripts 目录包含测量和媒体处理工具,而 templates 则提供独立的组件实验室和投影叠加模块。
创建你的第一支商业广告
第 1 步:明确业务和交付内容
从一份具体的简报开始。明确真实的企业、要推广的产品或服务、目标受众,以及交付内容是商业广告、样片集还是产品解说片。
一个有用的初始请求是:
请为这家企业制作一支发布会风格的商业广告。使用 Motion Video Kit 制定视觉方向、动效方案、音频方案、制作工作流程和质量评审计划。
尽可能提供真实的品牌素材、已批准的宣传信息和产品事实。不要要求模型捏造客户成果,或将生成的人物和地点描绘成真实证据。
第 2 步:在制作场景前规划动效
使用 references/motion-grammar.md 选择运动机制并确定节奏。该工具包提供六条核心规则和 16 种可复用机制,让你能够做出有意识的选择,而不是随意添加运动效果。
如果需要风格参考,请查阅 references/launch-film-notes.md。其中包含书面观察和 28 部原创影片的链接。请将这些笔记用于分析和指导;本仓库不授予重复使用所引用视频素材的权利。
第 3 步:为每个镜头选择制作技术
根据场景需求组合使用不同技术:
- 需要原创视觉素材时,使用 AI 生成的视频素材。
- 需要精确的代码构建运动时,使用 HTML 和 GSAP。
- 当概念受益于空间层、3D 环境、投影视觉标注或选项补丁时,有选择地使用 Three.js。
- 使用独立组件实验室完善单个组件,然后再将其整合到完整影片中。
避免将 Three.js 视为每个镜头的默认方案。仓库将其定位为一种选择性工具,并提供真实感检查清单,帮助避免产生技术上令人印象深刻、但视觉上缺乏说服力的结果。
第 4 步:设计配乐与音效
选择音乐、音效和混音电平时,请查阅 references/audio.md。应根据买方客户匹配音乐,而不是仅仅因为某首曲目时髦就选择它。保持音效简洁、克制,使其能够强化重要运动,同时避免挤占混音空间。
随附脚本可以帮助柔化音效、识别候选项、解决增益问题并测量响度。由于 README 没有为每个脚本规定命令行选项,运行前请检查相关脚本,并遵循其记录的接口。
第 5 步:渲染并测量
检查实际输出,不要只根据分镜或源代码进行判断。使用提供的工具和质量标准指南检查以下内容:
- 冻结或视觉上不活跃的时间段。
- 音频响度。
- 对比度和可读性。
- 品牌色的正确使用。
- 视觉完成度和商业适用性。
接触表有助于检查完整影片中的节奏、构图、视觉重复和薄弱画面。
运行 Gauntlet 质量循环
Gauntlet 是 Motion Video Kit 的核心组成部分。其关键原则是制作人不等于评审者。负责组装影片的人或模型不应成为唯一决定影片是否完成的一方。
- 渲染当前版本:向评审者提供实际影片,而不是依赖描述或预期行为。
- 使用新的评审者:让未参与制作该作品的评估者进行审查。
- 记录发现:维护问题、决策和变更记录。
- 修改影片:处理那些得到渲染结果和项目质量标准支持的问题。
- 逐项验证:单独确认每一项声称的修复都能在新渲染中被看见或测量。
- 按需重复:持续进行,直到影片符合经测量、视觉和商业标准确认的发布条件。
组件审查、完整影片审查、验证和分镜批评的现成提示词位于 references/critic-prompts.md。references/case-study-alder.md 中的实操示例展示了如何将更广泛的流程应用于完整项目。
基础使用示例
生成商业广告方案
使用 Motion Video Kit,为这家真实企业的高端商业广告创建制作方案。包括概念、场景结构、运动机制、音频指导、渲染方式、可测量检查项以及 Gauntlet 审查阶段。
审查现有渲染结果
使用 Motion Video Kit 的质量标准和完整影片评审流程,审查这部已渲染的商业广告。将可测量问题与视觉或商业问题分开,然后生成逐项验证记录。
评估 Three.js 场景
使用工具包的确定性渲染契约和真实感检查清单评估这个 Three.js 场景。检查它是否支持定位播放,以及其空间层、标注和摄影元素是否始终保持视觉可信度。
高级技巧
让 Three.js 场景具备确定性并支持定位播放
对于制作渲染,应构建状态能够在特定时间点复现的场景。与依赖不受控实时状态的运动相比,具备确定性且支持定位播放的行为能让帧生成、调试、修改和审查更加可靠。
隔离开发复杂组件
使用 templates/component-lab.html 在完整影片之外处理单个运动组件。隔离组件可以缩短迭代时间,并便于在整合前比较时间安排、可读性和构图。
谨慎使用投影叠加层
templates/projected-overlays.js 模块支持与空间场景相关的叠加层制作。构建必须与场景元素保持连接的投影视觉标注或注释时,请将其与文档中记录的 Three.js 模式结合使用。
让审查证据具体明确
要求评审者引用可见画面、时间区段或测量结果。然后针对新的渲染结果验证每项修正。这样可以避免修改记录变成一份充满未经确认的变更声明的清单。
区分客观检查与主观检查
冻结时间、响度、对比度和品牌色的使用都可以进行系统检查。风格、真实感、说服力以及对客户的适配性还需要视觉和商业判断。高质量的审核流程会同时采用这两类标准,而不是用一类标准替代另一类。
遵循项目的诚信规则
绝不要把 AI 生成的图像呈现为真实客户、已完成的项目或经过验证的成果。应恰当地标注生成内容,并明确区分概念视觉素材与事实性的业务证据。
重新核查商业定价数据
仓库中的市场价格是 2026 年 9 月公开报价的快照。在准备报价、提案或试点方案前,请重新核实当前价格。来自工作室作品集的触达数据是这些工作室自行提出的声明,应据此谨慎看待。
结论
Motion Video Kit 提供的不仅是一份视觉风格指南。它结合了制作指导、可复用的动态模式、音频实践、商业定位、可量化检查,以及独立批评者工作流,用于打造发布风格的商业广告。将其安装为 Claude Code 技能,或将其文件提供给其他大语言模型,然后使用 Gauntlet 在发布前评判每个实际渲染结果。
仓库中的文本、脚本和模板均采用 MIT 许可证。链接参考影片的权利仍归各自所有者所有。
