在视频创作中，你是不是也遇到过这种尴尬的“卡脖子”时刻？
打开 Premiere 或 Final Cut 传统软件，拖素材、对时间轴、调动画，一个三分钟的视频可能要生生耗掉你大半天的时间。后来你听说 AI 视频生成工具很火，满怀期待地输入了一句 Prompt，结果发现 AI 给的效果总是差强人意：你心里想要的是精确的“A”效果，AI 给你的往往是似是而非的“A’”，想精确控制一下镜头位置或者元素出现的时间？根本做不到！
传统手工剪辑太慢，而完全依赖 AI 生成又不够可控，这成了当下视频创作者最大的痛点。
有没有一种方法，既能像写程序一样“精确控制”画面的每一帧，又能像使唤 AI 一样“快速批量生成”？答案就是今天我们要带大家体验的全新实战玩法：Programmable Video（可编程视频）！
借助 Claude 代码助手 + Remotion 框架，我们将彻底改变视频制作流程。简单来说，你不需要再剪视频了，你将学会“写一个能自动生成视频的程序”，只要改改参数，就能瞬间量产 5 条、甚至 50 条产品视频，效率翻倍且无限复用！
1. 前期准备（Prerequisites）
虽然是“写代码生成视频”，但有 Claude 的加持，小白也能轻松上手。请准备好以下工具：
- 必备环境： 电脑需安装 Node.js 运行环境（用于执行后续的终端指令）。
- 必备编辑器： VS Code 编辑器。
- 必备插件： 在 VS Code 插件市场中搜索并安装 Anthropic 官方出品的
Claude Code for vs code插件。 - 必备账号： 一个可以正常登录使用的 Claude 账号。
- 可选了解： 稍微了解一点 React 概念会更好，Remotion 的本质就是“React + Video”，它把时间当作一种状态，每一帧画面就是一次 React 渲染。
2. 核心搭建步骤（Step-by-Step Guide）
接下来，我们将手把手带你通过 Claude，让 AI 帮你敲出一段完美的视频模板。
步骤 1：初始化 Remotion 项目
怎么做：
打开你电脑的命令行终端，创建一个新的项目文件夹并进入（例如：mkdir demo3 && cd demo3）。
接着，运行官方初始化命令 npx create-video@latest，在弹出的选项中选择 Hello World 模板即可。
项目创建后，记得在项目内安装 Remotion Skill。这是一个包含了 Remotion 最佳实践、代码模板和动画示例的 AI 专属知识库，有了它，AI 给你写的代码才不会“胡编乱造”。
步骤 2：在 VS Code 中召唤 Claude 助手
怎么做： 用 VS Code 打开你刚刚建好的项目文件夹。点击左侧边栏进入插件市场，搜索安装好官方的 Claude 插件后，在右侧面板登录你的 Claude 账号。 我们要把 AI 助手直接请到我们的代码编辑器里，让它随时待命为我们干活。
步骤 3：用大白话向 AI 下达视频设计指令
怎么做： 在 VS Code 右侧的 Claude 对话框中，直接用自然语言描述你的视频需求。你可以直接复制以下指令模板发给它： “使用 Remotion 结合 remotion-best-practices，创建一个产品介绍视频模板。基本参数：分辨率 1920×1080，帧率 30fps。输入参数包含：产品标题(title)、图片 URL(image)、三条卖点(selling_points 数组)、结尾文案(cta)。结构共 5 个场景：Scene 1 显示标题和图片加轻微缩放动画；Scene 2到4 依次显示三条卖点；Scene 5 显示 CTA 文案并加一个简洁的 Logo Reveal 动画。” AI 接收到指令后，会结合我们之前安装的 Remotion Skill（最佳实践），自动推导并生成带有精确动画控制的完整视频组件代码。
步骤 4：体验“参数化”换壳魔法与渲染导出
怎么做： 代码生成完毕后，打开项目里的配置文件。把产品参数设置为“MacBook Pro M5”以及对应的卖点，刷新 Remotion Studio，你会看到视频画面完美呈现了这台电脑的动画。接着，我们只需要修改代码里的文本参数，把产品名称改成“iPhone 17e”并替换相关文本。再次刷新，画面瞬间更新为 iPhone 17e 的介绍，而所有的动画流程、特效、结构完全保持一致！最后，运行命令 npx remotion render，程序就会把代码渲染成最终的 .mp4 视频文件。 为什么这样做： 这就是可编程视频的核心魅力——“视频结构只需要写一次，然后通过修改数据，就能自动生成完全不同的视频。”
3. 常见问题与避坑指南 (FAQ)
Q：我不懂 React 和前端开发，真的能玩转 Remotion 吗？
A：没问题！这正是我们引入 Remotion Skill 和 Claude Code 的原因。你不必从零去啃组件结构或时间控制的语法，你只需要负责“下达指令”和“调整参数（改改文字、换换图片链接）”，那些烧脑的底层动画逻辑全权交给 AI 即可。
Q：这种代码生成的视频，只能做简单的图文 PPT 动画吗？
A：Remotion 的扩展能力极强。除了基础的时间轴动画，它甚至可以结合 D3 库生成复杂的数据可视化动画（如人口变化图、交通趋势图），或者结合 Three.js 生成酷炫的 3D 场景动画。它不仅仅是个工具，更像是一个视频生成框架。