用代码完成一支 Vox 风格的动效短片，关键不在于让 AI 随机生成几个漂亮画面，而在于先锁定视觉系统，再把每个场景拆成可复用、可微调、可同步声音的工程组件。Remotion 负责把 React 组件变成时间轴和渲染结果，Claude Code 负责搭项目、写场景、修错误、加控制项和组装主序列。整个流程更像在搭一套动态图形生产线，而不是打开剪辑软件逐帧操作。
这类工作流的核心，是把“视觉设计”提前变成结构。统一背景、统一字体、统一强调色、统一纸质肌理和统一入场节奏，会让多个场景看起来像一个连续镜头。每个场景只改变中景和前景元素，背景保持稳定，就能形成 Vox 常见的解释型动效：画面不是被硬切成一段段素材，而是人物、图表、地图和标注在同一个视觉空间里依次弹出。
一、先锁视觉系统，而不是先写动画
真正要先做的不是新建项目，而是锁定一套视觉系统。背景应该在所有场景中保持一致，字体、强调色和整体调性也要一致。变化发生在中景和前景：人物抠图、建筑、船只、地图、曲线图、数字标注和手绘线条按叙事需要进入画面。
这种分层方式能减少随机感。AI 生成动效时最容易出现的问题，是每个场景都像来自不同模板：颜色变了，构图变了，字体也变了。统一视觉系统相当于先给 AI 一条轨道，让它在轨道内做变化。
Vox 风格的精髓并不是某一个具体滤镜，而是解释型信息图的秩序感：静态底图提供稳定空间，黑白半调人物提供纸媒质感，红色或高饱和标注提供强调，图表和地图负责把事实转成可视化证据。
开工前还要把画幅、帧率、总时长和语气定下来。以 1080p 横屏为例，最好先决定所有元素都在 16:9 安全区里工作，标题和数字不要贴边，人物不要挡住主要图表。帧率通常保持项目默认即可，真正影响体验的是节奏：每个元素弹出要有间隔，解释数字时画面要停得住，转场不能抢旁白。
脚本也要先拆成镜头清单。每一句旁白对应什么画面、需要哪些元素、哪个数字要被强调、是否需要地图或图表，都可以提前写成表格。Claude Code 接到的任务越像“分镜执行单”，生成出来的 Remotion 代码越稳定。反过来，如果只说“做一个 Vox 风格短片”，结果往往会停留在表面样式，缺少叙事节奏。
二、把素材工具接进 Claude Code
在正式搭 Remotion 项目前，先把素材生成和处理工具接到 Claude Code 的连接器里。通过设置里的 Connectors 和自定义 MCP 服务，可以把 Magnific、Higgsfield 这类图像或影像工具接入工作流。这样需要抠图、贴图或生成素材时，不必反复离开编辑环境手工下载再拖回项目。
MCP 连接器的意义在于让 Claude Code 直接调用外部服务。比如需要某个人物的透明背景图，需要把人物转成黑白半调风格，或者需要一段去背景的海面素材，都可以通过自然语言指令让它准备并放进对应文件夹。
这一步决定了后面是否顺。动效项目不是只有代码，素材命名、目录位置、透明通道、图片尺寸和风格一致性都会影响最终结果。把素材生产接进同一条工作流，后续场景搭建才不会被文件管理打断。
素材进入项目时要顺手建立命名规则。人物可以用 people/trump-cutout.png 这类可读名称，建筑、交通工具、地图、海面素材和纹理各放一类。Claude Code 处理文件时非常依赖明确路径，路径越清楚，后续指令越短。比如“把 scene-oil 里的 tanker 调大一点”比“把那艘船调大一点”稳定得多。
三、每个场景一个文件夹，共用背景
项目结构要尽量清楚：每个场景放在独立文件夹里，共享背景单独存放，每个场景再放自己的抠图、图表、地图、标注和辅助素材。场景一可以是白宫、人物和红色标注；场景二可以是油轮、海面、价格数字；场景三可以是债务或通胀曲线、美国地图和转场元素。
这样的结构让 Claude Code 更容易理解任务。它知道 scene one 里有哪些素材，scene two 里有哪些素材，也知道哪些是共享资源。后续要求它修改某个场景时，不会把全局背景和局部素材混在一起。
每个场景最好有自己的组件文件。场景内部再分三层：背景层、中景层、前景层。背景层稳定不动，中景层常用于半调人物或纸质纹理，前景层放建筑、船只、地图、曲线和数字。只要层次稳定，动画就更容易用统一语言描述。
共享背景不一定只是一张图片，也可以是一个 Background 组件。组件里放纸张底色、细颗粒纹理、轻微网点、统一边框和全局光影。这样场景切换时仍然是同一个世界，只是前景发生变化。后续如果想把背景颜色从浅灰改成米白，或者把颗粒强度调低，只需要改一个组件。
组件拆分可以按“能否复用”来判断。背景、纸质噪声、红色描边、弹出容器、数字标签、折线图和地图标注都适合抽成通用组件；某个场景专用的人物组合、建筑位置和故事元素则留在场景组件里。这样既不会过度抽象，也能让下一次制作复用真正稳定的部分。
四、人物抠图要做成黑白半调纸质感
Vox 风格中最容易识别的质感，是类似杂志剪贴的黑白半调人物。做法不是手工在设计软件里一点点调，而是准备透明背景人物图后，直接让 Claude Code 把指定文件夹中的人物改成黑白、添加 halftone pattern，并保持透明背景和边缘干净。
人物可以是政治人物、企业人物或任何叙事主体。关键不是人物是谁，而是所有人物都要进入同一种视觉语言：黑白、半调、纸张纹理、轻微颗粒感，再配上红色偏移描边或 marker stroke。这样画面会有纸媒拼贴感，而不是纯数字图片的塑料感。
半调风格还有一个好处：它能降低素材来源差异。不同图片的光线、清晰度和色彩往往不一致，统一转为黑白半调后，差异会被压平，画面整体更像来自同一个编辑系统。
处理人物时要检查三件事：透明背景是否真的透明，边缘是否有白边，黑白半调是否压掉了面部识别度。若边缘有脏边，可以让 Claude Code 重新处理 alpha；若半调太重，就降低点阵密度或对比度。风格化不是把细节毁掉，而是让细节服从统一视觉。
五、用自然语言描述动画意图
Remotion 底层可以使用 spring 和 interpolate 等函数完成弹出、缓动、位移和透明度变化，但不需要先记住函数名。更有效的方式，是用自然语言描述动画意图：白宫先弹出，然后人物依次出现，不要同时移动；每个元素后面加红色偏移描边；图表线条随后出现，数字最后强调。
Claude Code 会把这种意图翻译成 Remotion 组件逻辑。spring 负责弹出和回弹感，interpolate 负责位置、透明度和尺度变化，stagger 负责错峰入场。对创作者来说，重点是说清楚顺序、层级、节奏和强调点，而不是手写每一帧。
“带意图的动画”比“随便动起来”重要得多。解释型动效必须服务叙事：谁先出现，谁后出现，哪个数字被强调，哪个地图只是背景信息，都应该由内容逻辑决定。
提示词可以直接写成镜头调度：“背景保持不动；建筑从 92% 放大到 100%；人物从画面下方弹入，带一点 overshoot；红色数字延迟 12 帧出现；最后用横向 marker stroke 圈出重点。”这种描述同时包含动作、方向、时间差和强调对象，Claude Code 更容易生成可控动画。
六、用 Remotion Studio 做最后微调
AI 能搭出场景，但第一次结果通常不会刚好到位。Remotion Studio 的价值在这里体现出来：打开预览后，如果报错，就直接让 Claude Code 修；如果元素位置不舒服，就要求它给每个元素暴露 prop controls。
有了 prop controls，人物、建筑和图表的 scale、x、y 等参数可以直接在 Studio 里调整。比如白宫可以先从 1.5 放到 1.8，人物可以调大到 1.4，再微调 X/Y 位置。每次改完要保存数值，让下一次预览保持一致。
这个环节是人类审美和 AI 执行的交界处。AI 负责把控制项做出来，人负责判断构图是否稳、人物是否太小、建筑是否压住主体、红色标注是否抢戏。最后的质感，往往就来自这些微小参数。
调参顺序也很重要。先调主体大小，再调位置，最后调动画节奏。不要一边改图表、一边改人物、一边改转场，否则很难判断问题来自哪里。每完成一个场景，就把控制项整理成默认值，避免下一次重新打开 Studio 时又回到临时状态。
七、场景要独立，再统一组装
每个场景都应该先单独完成。白宫场景完成后，再做油轮场景；油轮场景可以使用去背景的海面动态素材，让油轮、海浪和油价数字依次出现；债务或通胀场景可以让美国地图、折线图和转场元素顺序进入。
独立场景的好处，是问题容易定位。某一段构图不好，只改对应组件；某一个图表节奏不对，只调对应场景的 spring 或 interpolate；某一个素材边缘不好，只替换该场景文件夹里的素材。
当所有场景都完成后，再让 Claude Code 创建 master sequence，把场景按叙事顺序串起来。每个场景播放多久，不应凭感觉，而应根据旁白的段落长度来定。这样画面和声音才能同步推进。
主序列可以先按段落粗切，再按句子细调。粗切负责保证每个场景覆盖对应叙述，细调负责让关键画面落在关键词附近。比如谈到油价时油轮和价格数字必须已经出现，谈到债务或通胀时折线图不能还在入场，否则画面会滞后于信息。
八、旁白、音乐和音效决定完成度
旁白可以单独用 ElevenLabs 生成，例如选择更偏纪录片感的英式叙述声音。生成后把音频放回项目目录，再让 Claude Code 将它嵌入 composition，并按旁白切分每个场景的起止时间。
声音同步的提示词要具体：每个场景从自己的叙述段落开始，在对应叙述结束时收尾，场景之间连续播放，不要让画面提前太多或滞后太多。需要更精细时，再加入背景音乐、环境音和轻微 whoosh 类转场音效。
Remotion Studio 里拖动预览时，音频有时会听起来断续或卡顿，这通常只是预览环境的问题。最终渲染后，声音会更干净。若想后期再混音，也可以只导出画面 composition，再进入专业剪辑软件处理声音。
九、最后渲染成 1080p 成片
当场景、旁白、音乐和节奏都稳定后，直接让 Claude Code 调用 Remotion 渲染 1080p MP4。更完整的提示可以写成：把整个 composition 渲染为 1080p MP4，并混入旁白和音乐，确保场景按主序列顺序播放。
这一步体现出代码化动效的优势。所有场景都是 React 组件，所有参数都能版本化，所有素材都在文件夹中可追踪。修改不再是“重新剪一遍”，而是改组件、调参数、重渲染。
如果要做系列内容，还可以把这套结构变成模板：固定背景系统、固定半调人物处理、固定图表组件、固定转场方式、固定旁白同步脚本。下一支短片只需要替换脚本、素材和数据。
渲染前建议做一次 checklist：所有素材路径是否存在，透明图是否缺失，时间轴有没有空白段，音量有没有爆掉，字幕或标题是否出安全区，图表数字是否和脚本一致，最终文件是否带上旁白和音乐。Remotion 的工程化能力很强，但前提是最后也按工程方式验收。
如果最终文件用于公开发布，还要额外检查压缩质量和首尾节奏。开头几秒需要迅速建立主题，结尾不要突然断掉；音乐应该给旁白让位，音效只负责增强入场和转场，不要持续干扰信息。动效短片的专业感，往往来自这种“每个细节都没有出戏”的收尾检查。
这一套方法最适合解释型内容、商业案例、宏观故事、产品发布和教育课程。只要内容需要用人物、地图、数字和图表讲清楚，Remotion 的代码化时间轴就能把一次制作经验沉淀成长期模板，也能让修改、复用和批量生产变得更可控。
十、真正的价值是把动效制作变成工程流程
这套流程的价值，不是证明传统工具不重要，而是把原本依赖时间轴和手工操作的动态图形，拆成了可复用工程流程。脚本决定叙事，视觉系统决定统一感，场景文件夹决定可维护性，Remotion 组件决定可渲染性，Claude Code 负责把自然语言意图翻译为代码实现。
更稳的实践顺序是：先写脚本和镜头清单，再锁视觉系统；先搭目录和共享背景，再生成素材；先单独完成每个场景，再组装主序列；先同步旁白，再加音乐和音效；最后渲染成片并回看节奏。
AI 可以让动效生产速度大幅提高，但专业感仍然来自结构和审美判断。提示词越具体，文件越有组织，场景越模块化，人类越愿意在 Remotion Studio 里微调参数，最终结果越接近真正的商业级解释型动效。