Grok Bot创意视频AI 评分 · 69/100AI 辅助编辑·未发现明显提示词注入风险X

Grok Bot 驱动 Wonder 分镜 + Remotion 动画 + 代码音频制作产品宣传片

输入参考视频与品牌素材 → Grok Bot 分析镜头规律、在 Wonder 生成静态分镜、在 Remotion 编码动画、Python 合成音频 → 输出可发布的 1080×1920 产品视频

经验丰富步骤流程贴士
给谁
有 Grok Bot 访问权限、具备基础 React/Remotion 环境、拥有品牌素材（色值、字体、Logo）的内容创作者或独立开发者
你会得到
一段 1080×1920 的产品宣传视频，含动态文字、UI 转场、音效与音乐，从参考分析到成片迭代约 1 小时（作者自述）
你需要
Grok Bot

硬约束

需要 Grok Bot 账号、Wonder 账号（AI 设计画布）、Remotion 开发环境（React + Node.js）、Python 音频合成环境、品牌素材（色值、字体文件、Logo SVG/PNG）。作者未说明各服务费用条件。

他们做了什么

作者 dalejo9 想为产品 Saldado 制作一段类似 @BuffetDesigns 为 Allo × Grok Bot 制作的高质量宣传片，但不想花 3 天学 After Effects。他用 Grok Bot 驱动整个流程：先分析参考视频的镜头语言，再在 Wonder 中迭代出 28 帧静态分镜，然后在 Remotion 中编码动画，最后用 Python 合成音频。经过 8 轮单句反馈迭代（从删除吉祥物到增加 confetti），在约 1 小时内完成成片，并将流程保存为 Grok Bot skill 供下次复用。

效果如何

作者报告 Grok Bot 在不到 1 小时内完成了视频（作者自述，未经验证）。关键成功因素：提供具体参考视频而非抽象描述「做得好看」；先充分迭代静态分镜再渲染动画；使用真实产品文案而非虚构内容；音效做减法而非加法。失败经验包括：v1 分镜过暗且包含虚构吉祥物「Chequi」；v1 音频过于嘈杂（每个动作一个音效）；Grok Bot 曾急于跳过故事board 直接渲染，被作者制止。

值得知道

1. 本站未实测此流程，reproduction.status=not_tested。2. 作者未说明 Wonder、Remotion 授权或运行费用，也未提供可复制的 Grok Bot skill 配置或 Remotion 项目源码。3. 需要读者自行具备 React/Remotion 开发环境和 Python 音频库（如 pydub、numpy 等）基础。4. 1080×1920 为竖屏比例，适合短视频平台。5. 作者最后提到将流程保存为 skill，但未展示 skill 的具体结构或调用方式。

步骤

  1. 分析参考视频的镜头规律

    向 Grok Bot 提供一段目标风格的参考视频。Grok Bot 将视频拆分为帧：每秒一张总览图，并在每个转场附近以 30 fps 采样。要求它输出一份分析文档，记录：实际切镜数量、状态变化间隔（12–20 帧）、文字逐词入场间隔（4 帧）、过冲回弹幅度（8–12%）、画面风格（浅色背景、每屏 2–4 词、大字）。

  2. 在 Wonder 中生成静态分镜

    将 Grok Bot 接入 Wonder（AI 设计画布，类似 Figma）。让 Grok Bot 创建项目文件并载入品牌 token：主色、背景色、字体（如 IBM Plex）、Logo（从产品仓库提取）。每一帧用 JSX + Tailwind 编写，上传 Wonder 进行视觉审阅，同时渲染为 1080×1920 PNG。先迭代到分镜满意再进入动画，避免在视频中返工。作者经历了 v1（过暗+虚构吉祥物）→ v2（匹配参考风格+使用真实产品文案）→ v3（28 帧完整分镜，含每帧的出入场注释、持续时间、缓动曲线）。

  3. 用 Remotion 将分镜编码为动画

    分镜确认后，让 Grok Bot 在 Remotion（React-for-video 框架）中搭建视频。核心实现包括：Spring 动画带轻微回弹、文字逐词淡入上滑并去模糊（每 4 帧一词）、WhatsApp 药丸按钮从短语中间点生长、聊天区平滑滚动与气泡从发送者角落入场、手机与 Grok Bot 窗口无缝转场（元素接力，无切镜）、单镜头推镜到回复、结尾穿屏放大到结束卡片。后续可追加：按钮点击涟漪、完成时的 confetti、点头眨眼头像。

  4. 用 Python 合成并精简音效

    让 Grok Bot 用 Python 生成音乐与音效，避免授权问题，然后按社交平台音量标准做母带处理。第一版音效过多（每个动作一个声音），作者要求删减到 7 个：手机 whoosh、点击 tap、完成铃铛、窗口转场、放大 zoom、Logo 重击、结尾。适当提升音乐音量，使整体听起来像产品而非老虎机。

  5. 迭代与保存为可复用技能

    整个流程历经 8 轮单句反馈迭代。每次用一句话给出方向，例如「不要吉祥物」「先不要渲染」「更多帧」「更顺滑」「加音频」「去掉噪音」。完成后让 Grok Bot 将完整流程保存为一个 skill，下次制作视频可直接复用，无需从零开始。

可复制提示词

参考提示词 · 本站建议版本。使用前确认粘贴位置、输入变量及输出格式。

这一段是提示词，页面不会在这里插入广告。

无提示词，按步骤操作即可。

来源

Grok Bot：Wonder分镜＋Remotion动画＋代码音频做宣传片 · dalejo9 · X · 2026-10-30T20:35:42.000Z

留言与反馈

试过这个方法吗？分享效果、遇到的问题或改进建议。留言审核后公开，请勿填写敏感信息。

正在加载…

    相关用例