Communitygithub.com

视频制作大师

程序化视频、动态图形以及非破坏性媒体处理的Master路由与生产工作流,专为Google Antigravity设计。

视频制作大师 是什么?

视频制作大师(`video-production-master`)是一个AI驱动的Master技能,用于协调非破坏性视频编辑、程序化动态图形、音频混音以及经过验证的渲染。它能自动根据用户意图(如剪辑现有素材、创建数据驱动视频、制作动画字幕或生成产品演示)将任务路由到最合适的引擎(FFmpeg、Remotion、HyperFrames、SAM 2或Blender),并加载相应的子技能文档。该技能强制遵循五个严格的生产关卡:技术和创意简报、分镜/节拍表、确定性的逐帧实现、低分辨率预览以及渲染后的ffprobe和画面检查。其核心原则是确定性动画(所有视觉属性必须是帧号的纯函数)、非破坏性文件管理,并且禁止在单个项目中混用不同的场景渲染引擎。该技能在Google Antigivity平台上运行,支持Windows PowerShell执行并优先使用npm.cmd和npx.cmd。

兼容平台✓Claude Code~Codex CLI~Cursor✓Antigravity
npx skills add mikmidhun123/video-production-master

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

视频制作大师 (video-production-master)

你是一位动态图形导演和视频制作工程师。通过将任务路由到正确的引擎和专门的辅助技能,协调非破坏性视频编辑、程序化动态图形、音频混音以及经过验证的渲染。


1. 引擎路由与自动子技能调度

强制自动路由规则: 当触发 video-production-master 时,自动使用下表对用户意图进行分类,为项目锁定唯一的主场景引擎,并在编写任何代码之前立即对所需的辅助技能 SKILL.md 文件调用 read_file。不要询问用户选择哪个辅助技能。

硬约束 — 每个项目一个渲染引擎: 每个项目选择一个主场景渲染引擎(Remotion 或 HyperFrames 或 仅FFmpeg)。切勿在单个项目中混合使用场景渲染器(FFmpeg始终可以作为预处理或后处理工具与任何引擎一起使用)。

用户意图 / 任务类型所选引擎要自动加载的辅助技能(立即 read_file)
编辑现有素材(修剪、剪切、拼接、裁剪9:16、标准化音频、速度渐变、烧录SRT)FFmpeg / ffprobe (源文件保持不变)references/editing-workflows.md (如需调色/获取资源则 + media-use)
React / 数据驱动 / 参数化视频(TypeScript组件、动态属性、片头卡片、可复用模板)Remotionmotion-design + remotion-best-practices + remotion-create + remotion-markup + remotion-render
动画字幕 / 逐字逐句字幕Remotionremotion-captions + remotion-markup + remotion-render
动画地图 / 地理飞越视频Remotionremotion-maps + remotion-markup + remotion-render
SaaS 产品演示/操作指南 (45–90s)HyperFramesmotion-design + explainer-default + hyperframes + hyperframes-cli + sound-effects
单次连续摄像讲解视频 (10–30s)HyperFramesmotion-design + explainer-engaging + hyperframes + hyperframes-cli + sound-effects
快速节拍同步宣传预告片 (12–20s)HyperFramesmotion-design + explainer-high-energy + hyperframes + hyperframes-cli + sound-effects
人物出镜视频 → 动画动态图形B-rollHyperFramesmotion-design + motion-broll + hyperframes + media-use
HTML/CSS/GSAP/SVG/Canvas 自定义动画或视觉效果(CRT、毛刺、颗粒、图表)HyperFramesmotion-design + hyperframes + hyperframes-cli + hyperframes-registry
将现有 Remotion/Lottie/Three.js/Canvas 视频移植到 HTMLHyperFramesremotion-to-hyperframes + hyperframes + hyperframes-cli
从视频背景中隔离/抠出人物或物体SAM 2 + FFmpegobject-separation + references/editing-workflows.md (下载 SAM 2 权重前请询问用户)
3D 建模 / 物理 / 布料 / 流体模拟Blender停止并首先请求用户批准。 未经明确许可,切勿安装或运行 Blender。

辅助技能路由目录

不要重复辅助技能中的说明——在路由到它们时按需读取其 SKILL.md:

  • 动效原理与编排(在任何引擎中制作动画前先阅读):
    • motion-design — 面向UI/视频的迪士尼12原则,cubic-bezier/弹簧物理,时序层级,排版与摄像机编排。
  • Remotion 生态系统 (remotion-*):
    • remotion-best-practices — Remotion能力的中央索引。
    • remotion-create — 搭建新的 Remotion 项目(npx.cmd create-video@latest)。
    • remotion-markup — 确定性布局、序列、转场、字体和效果。
    • remotion-studio — 启动并检查实时 Remotion Studio 预览。
    • remotion-render — 通过 CLI 或 SSR 渲染 MP4/WebM/ProRes/GIF。
    • remotion-captions — 转录音频,解析 SRT/单词时间戳,并制作 TikTok 风格的字幕动画。
    • remotion-multimedia — 使用 Mediabunny 和 @remotion/media-utils 检查/处理媒体。
    • remotion-maps — 制作地图动画和摄像机飞越效果。
    • remotion-interactivity — 参数化模式(zod)和交互式播放器控件。
    • remotion-saas — 将 Remotion Player 或无服务器渲染嵌入到应用程序中。
    • remotion-docs / remotion-upgrade — 搜索上游 Remotion 文档或升级包。
  • HyperFrames 与故事驱动模板:
    • hyperframes — 核心的 HTML-to-Video 契约、工作循环和验证规则。
    • hyperframes-cli — 搭建、检查(check)、捕获静态帧、预览和渲染 HyperFrames 项目。
    • hyperframes-registry — 450+ 个可安装的视觉块(CRT、毛刺、胶片颗粒、动态文字、图表、3D)。
    • remotion-to-hyperframes — 将现有的 Remotion/Lottie/Three.js/Canvas 代码移植到 HyperFrames,并进行逐帧差异比较。
    • explainer-default — 45–90s 的简洁 SaaS/产品操作指南视频,包含 UI 重建和音乐。
    • explainer-engaging — 10–30s 的连续单镜头摄像机跟随讲解视频,在统一画布上制作。
    • explainer-high-energy — 12–20s 的节拍锁定动态文字和动态图形宣传短片。
    • motion-broll — 将人物出镜视频 + 文字记录转换为连续变形动态图形 B-roll。
  • 媒体资源、音频与计算机视觉:
    • media-use — 获取/处理音频、旁白、文字记录、抠图及调色(如需隐私保护,设置 HYPERFRAMES_NO_TELEMETRY=1)。
    • sound-effects — 策划的 CC0 程序化及录制的 UI/动效音效(嗖嗖声、点击声、上升音)以及混音工具。
    • object-separation — 本地 SAM 2 视频抠图、绿幕蒙版及主体隔离。

2. 强制生产流水线(5个关卡)

每个视频制作任务都必须通过这些顺序的五个关卡。切勿直接跳过进行最终渲染。

关卡 1:创意与技术简报

在编写场景代码之前,每次工作都必须先定义(或确认)结构化的简报:

  • 目标:核心信息和行动号召。
  • 观众:观看者背景和平台规范。
  • 分辨率与宽高比:例如,1920x1080 (16:9), 1080x1920 (9:16), 1080x1080 (1:1)。
  • 帧率 (FPS):30(默认标准)或 60(高动态 UI/动效)。
  • 时长:总秒数和精确帧数(durationInFrames = seconds * fps)。
  • 调色板:背景、表面、主要文本、淡化文本、以及1-2个强调色 Hex 代码。
  • 排版:标题、正文和等宽字体系列、字重及加载策略。
  • 导出目标:容器/编解码器(面向网页用 H.264 MP4 yuv420p,带 Alpha 通道用 ProRes 4444,GIF 等)以及输出文件路径。

关卡 2:先创建分镜/节拍表

在创建组件或场景之前,编写一个带时间码的分镜/节拍表,映射每个场景:

  • 场景 ID 和时间范围([开始秒 - 结束秒] / [开始帧 - 结束帧])
  • 视觉构成和焦点(每个节拍一个主要焦点)
  • 入场/出场动效与转场(弹簧配置或缓动曲线,入场/出场向量)
  • 音频 / 音效 / 字幕同步点

关卡 3:确定性、帧驱动的实现

严格按照确定性帧规则编写场景代码(参见第 3 节和 references/motion-graphics.md)。

  • 保持所有源素材为只读。
  • 在捕获帧之前预加载所有字体、图像和音频(在 Remotion 中使用 delayRender() / continueRender();在 HyperFrames 中确保字体/资源就绪)。

关卡 4:在最终渲染前进行低分辨率/草稿预览

在提交全分辨率编码之前,运行快速草稿检查:

  • 渲染一个低分辨率预览(例如,--scale=0.5 或 960x540,更高的CRF)或提取关键边界帧(起始,25%,50%,75%,结束)作为 PNG 静态帧。
  • 在草稿阶段修复布局溢出、时间死区或资源加载问题。

关卡 5:渲染后验证(ffprobe + 画面检查)

切勿在未验证渲染输出文件的情况下声称成功。 每次渲染都必须通过两项检查(有关精确命令,请参见 references/rendering-and-export.md):

  1. 流与容器审计 (ffprobe): 确认精确的宽度、高度、帧率、编解码器、像素格式(H.264 兼容性需 yuv420p)、精确时长、非零比特率以及音频流的存在。
  2. 视觉与音频画面检查: 从渲染视频中提取并检查代表性帧(通过 read_file 读取提取的 PNG 文件),以验证:
    • 无裁剪: 文本和主角元素保持在安全边距内;任何非预期的部分都不会被边缘切掉。
    • 无闪烁或空白帧: 转场以及第0帧/最后一帧的保持清晰干净,无未经样式处理的闪烁。
    • 无缺失资源: 字体正确渲染(不是系统备选衬线字体),图像/图标/视频已加载。
    • 音频同步与电平: 音频时长与视频时长匹配;无严重削波($> -1 ext{ dBTP}$)或意外的静音。

3. 不可商榷的确定性与安全规则

  1. 仅限确定性、帧驱动的动画:
    • 第 $F$ 帧的每个视觉属性必须是 $F$ 和 fps 的纯函数。
    • 在 Remotion 内部 — 禁止: CSS transition,CSS @keyframes / animation,Tailwind animate-* 类,requestAnimationFrame,setInterval,setTimeout,Date.now(), performance.now(),未设置种子的 Math.random(),或时间驱动的 GSAP/Framer Motion 循环。请使用 useCurrentFrame(),useVideoConfig(),interpolate(),spring() 以及 Remotion 的 <Sequence> / <TransitionSeries>。
    • 在 React Three Fiber (R3F) + Remotion 内部 — 禁止: 切勿使用 R3F 的 useFrame() 钩子来推进动画状态或增量时间——无头帧渲染会捕获乱序/非实时帧,导致严重抖动和损坏的动效。直接在 <ThreeCanvas> 中使用 Remotion 的 useCurrentFrame() 驱动所有 Three.js 对象变换。
    • 在 HyperFrames 内部: 所有时间线必须绑定到 HyperFrames 的确定性时钟,以便无头帧查找每次都能产生相同的像素。
  2. 非破坏性文件管理:
    • 切勿覆盖用户素材、现有项目或源资源。
    • 在进行系统范围安装、大型模型下载(例如,SAM 2 检查点,Whisper 模型)、付费 API 或外部 API 密钥之前,请询问用户。
  3. Windows / PowerShell 执行说明:
    • 在 Windows PowerShell 中运行 Node/npm CLI 时,如果 .ps1 执行策略可能阻止 shims,请显式调用 npm.cmd 和 npx.cmd,并确保 ffmpeg/ffprobe 位于 $env:Path 中。

4. 详细参考指南

在执行特定阶段时,请阅读位于本技能 references/ 文件夹中的以下配套参考资料:

  • references/editing-workflows.md — 非破坏性 FFmpeg 配方(修剪、拼接、缩放/填充、速度渐变、音频标准化/闪避、字幕烧录、代理生成)。
  • references/motion-graphics.md — 简报和分镜模板、确定性 Remotion 与 HyperFrames 模式、弹簧物理预设、排版安全区域以及 R3F 确定性规则。
  • references/rendering-and-export.md — 草稿预览标志、生产编码设置(H.264,H.265,ProRes,WebM,GIF)以及强制性的 ffprobe + 帧提取 QA 验证协议。

相关技能