content-video

视频脚本与 Remotion 合成生成

开始之前

1. 检查品牌识别信息：如果存在 brand/VOICE.md 和 brand/VISUAL.md，请阅读它们。视频内容既需要声音（用于旁白/脚本语气），也需要视觉识别（用于颜色、字体、logo 动画）。如果这些文件不存在，请使用合理的默认值，并建议用户运行 content-setup 技能。

2. 确定用户需要什么：此技能可产生两种可能的输出：

   • 仅故事板 / 脚本 —— 一份逐场景文档，包含旁白、视觉方向和时序。适合交给剪辑师或录制团队。
   • 故事板 + Remotion 代码 —— 上述所有内容，外加一个可使用 Remotion 以程序化方式渲染的 TSX 合成。当用户想要代码驱动的视频时使用此选项。

3. 确定模板类型：询问用户（或根据其提示词推断）哪种格式合适：

   • 社交短视频（15-60 秒）—— 节奏明快、钩子优先、竖版或方形格式（templates/social-short.tsx.template）
   • 讲解视频（2-5 分钟）—— 结构化逐步讲解，包含章节、图表、代码动画（templates/explainer.tsx.template）
   • 数据故事 —— 动画图表、数字揭示、数据转场（templates/data-story.tsx.template）
   • 口播视频 —— 真人在镜头前，配有下三分之一字幕条、姓名卡、话题叠加层（templates/talking-head.tsx.template）

4. 收集输入：主题、目标受众、核心信息、期望时长、平台（YouTube、TikTok、LinkedIn、X、Instagram Reels），以及任何现有素材（图片、logo、数据）。

---

生成流程

请遵循以下阶段。不要跳过任何阶段。

阶段 1：简报

与用户确认以下内容（或从其提示词中提取）：

• 主题和核心信息（一句话）
• 目标受众和平台
• 模板类型（social-short、explainer、data-story、talking-head）
• 期望时长
• 是否需要 Remotion 代码
• 可用素材：logo 文件、品牌颜色、字体、视频素材、数据
• 旁白风格：画外音、仅屏幕文字，或口播
• 音乐情绪：欢快、平静、戏剧化、企业风、俏皮、无

阶段 2：故事板

使用 storyboard-template.md 中定义的格式，制作逐场景故事板：

• 场景编号和时间戳范围
• 视觉描述（观众看到的内容）
• 旁白或对话（确切脚本或关键要点）
• 运动说明（镜头运动、转场、动画）
• 音频提示（音乐变化、音效、静音）
• 每个场景的时长

在编写 Remotion 代码之前，将故事板提交给用户审批。

阶段 3：脚本润色

润色旁白/对话：

• 应用来自 brand/VOICE.md 的品牌声音
• 确保节奏与目标时长匹配（旁白大约每分钟 150 词）
• 变换句子长度，形成自然节奏
• 为耳朵而写，而不是为眼睛而写 —— 短句、主动语态、对话式流畅感
• 在说话者应重读某个词的位置添加强调标记
• 在需要停顿的地方加入停顿指示符 [PAUSE]

阶段 4：Remotion 合成（如需要）

使用 remotion-patterns.md 中的模式和相应模板生成 TSX 合成：

• 使用正确的 durationInFrames、fps、width、height 设置 Composition
• 使用 useCurrentFrame() 和 useVideoConfig() 进行动画计时
• 应用来自 brand/VISUAL.md 的品牌颜色和字体
• 使用 <Series> 和 <Sequence> 组件实现场景转场
• 添加弹簧动画，实现自然运动
• 按故事板中的规定，加入文字叠加层、下三分之一字幕条或数据可视化
• 从单个 Root.tsx 导出所有合成

阶段 5：审查

对照以下标准审查完整方案：

• 钩子是否能在前 3 秒内抓住注意力？
• 节奏是否适合目标平台和时长？
• 每个场景是否都服务于核心信息？
• 转场是否流畅且有目的性（而不只是装饰性的）？
• 视觉风格是否与品牌形象一致？
• 旁白脚本朗读时是否自然？
• 音频提示是否足够具体，以便制作人员据此执行？

---

分镜格式

所有分镜均使用 storyboard-template.md 中定义的格式。每个场景必须包含：

字段	说明
场景编号	顺序编号
时间戳	开始和结束时间（例如 0:00-0:05）
画面	屏幕上呈现的内容——构图、颜色、动态
旁白	口播的确切文字或作为文本显示的内容
运动	镜头运动、元素动画、转场
音频	音乐、音效、环境声、静音
时长	以秒为单位的长度

---

Remotion 集成

生成 Remotion 代码时，遵循以下原则：

1. 每种视频类型一个 composition：每个模板映射到一个 Remotion composition，并拥有自己的 props 接口。
2. 品牌 token 作为常量：从 brand/VISUAL.md 中提取颜色、字体和间距，放入共享的 theme.ts 文件。
3. 基于场景的架构：分镜中的每个场景成为一个 React 组件，在 <Sequence> 内渲染。
4. 动画模式：使用 spring 动画处理元素的进入/退出。使用 interpolate() 实现连续运动。参见 remotion-patterns.md。
5. 响应式文本：根据 useVideoConfig() 的尺寸缩放文本，使 composition 在多种分辨率下均可正常工作。
6. 素材管理：通过 Remotion 的 staticFile() 辅助函数引用图片和字体。

---

模板参考

模板	时长	最适合
social-short.tsx.template	15-60 秒	TikTok、Reels、X 短片、LinkedIn 短视频
explainer.tsx.template	2-5 分钟	产品演示、教程、功能发布
data-story.tsx.template	30 秒-3 分钟	指标展示、季度更新、数据新闻
talking-head.tsx.template	1-10 分钟	访谈、评论、思想领导力

---

品牌集成

视频内容必须在听觉和视觉两个渠道上体现品牌：

视觉一致性（来自 brand/VISUAL.md）：

• 用于背景、文本、点缀的主色和辅助品牌色
• 用于标题、正文和下方字幕条的品牌字体
• Logo 动画：片头位置、水印定位、片尾处理
• 一致的内边距、外边距和布局网格

声音一致性（来自 brand/VOICE.md）：

• 旁白语气与品牌个性相符
• 用词选择符合品牌指南
• 幽默感、正式程度和能量水平符合品牌调性

音频指导：

• 音乐氛围应与品牌个性相符（例如，活泼的品牌使用欢快的曲目）
• 音效应微妙且有目的性，而非花哨噱头
• 配音节奏：根据能量水平，每分钟 130-160 词

---

输出检查清单

在交付最终方案之前，请核实：

• 分镜完整，所有场景均已记录
• 旁白脚本朗读时自然流畅
• 总时长符合要求的范围
• 钩子能在前 3 秒内抓住注意力
• 品牌颜色、字体和 Logo 已正确应用（如使用 Remotion）
• Remotion 代码可编译并渲染无错误（如适用）
• 所有 composition 均已从 Root.tsx 导出（如使用 Remotion）
• 场景转场流畅且有动机
• 音频提示具体且可执行
• 整个脚本中的声音均符合品牌画像