7.5
深览指数
产品人人都是产品经理·小普··AI 生成
踩了10个坑后，我弄清了Vibe Motion的真实玩法
作者通过实际制作两条视频（纯动画和真人口播）踩遍10个坑，系统验证了Vibe Motion的真实边界。核心发现：当前Vibe Motion不是一句话生成视频，而是代码驱动动画的工程化流程。文章给出了两条清晰的选型路径——纯动画场景选Claude Code + Remotion，真人口播混编场景选Codex + HyperFrames，并沉淀了从DESIGN.md规范到复用模版库的实操方法论。适合已在用AI编码工具、想切入视频制作的一线创作者和AI极客。原文 ↗
核心观点
- ▍Vibe Motion的核心不是AI直接生成视频，而是用代码（Remotion/HyperFrames）驱动动画和视频生成的工程化流程，可调试、可验证、可复用。
- ▍决定选型的核心变量是输入形态：纯动画走Claude Code + Remotion路线，真人口播混编走Codex + HyperFrames路线，在错误生产线上浪费时间会全灭。
- 01作者用Claude Code + Remotion做了PE系列（纯动画）和Loop Engineer（全合成动画），验证了零外部素材、从代码到MP4的完整链路，并沉淀了5个可复用动效模版。
- 02真人口播视频《创始人手册》经5轮迭代出片，作者逐个列出了10个具体坑：Multi-Agent并行失败、跳过DESIGN.md导致风格混乱、HF内嵌视频渲染时冻结、真人闪回、口播画面节奏对不齐、元素遮挡打架、Codex自作主张重绘素材。
- 03四个组合（Claude Code+Remotion、Claude Code+HyperFrames、Codex+Remotion、Codex+HyperFrames）作者系统验证了前三组，均失败，最后Codex+HyperFrames才跑通口播场景。
- 04HyperFrames 2026年4月开源，Apache 2.0协议，写原生HTML+CSS+GSAP；Remotion 2021年出现，React组件化写视频，生态更成熟但口播混编不友好。
- 05Figma在Config2026发布了Figma Motion，支持MCP协议，动画时间线可直接传给AI编码Agent，作者认为这是行业在把Motion当一等公民的信号。
反方 / 局限
- — 作者明确承认HyperFrames太新（2026年4月才开源），生态、文档、社区沉淀都不如Remotion成熟，踩坑概率更高。
- — 作者在坑6中提到，HyperFrames逐帧截图捕获视频时seek机制有bug，最终MP4会冻结，最终方案是HF只负责图文叠加层，视频背景单独用FFmpeg合成——说明当前工具尚不稳定。
- — 作者坑10指出Codex会高优先级调用自身生图能力，而非直接引用用户上传的素材文件，导致画面不一致——表明AI Agent在遵循用户原始素材绑定指令上仍有问题。
- — 文章本质是个人实验复盘而非学术研究，结论基于单个用户的特定场景（AI概念视频+口播混编），扩展到其他行业（如电商视频、影视后期）的适用性未被验证。
21 分钟 · 5 卡片 · 9 资料
读原文 →