Remotion Skill 帮你用代码组织画面、时间轴和素材，再通过预览逐步修改视频。它适合产品介绍、动态说明和有明确节奏的短片，最终渲染仍由 Remotion 项目完成。
安装与准备
在终端创建项目、安装依赖和官方技能，再开启预览：
npx create-video --yes --blank my-video
cd my-video
npm install
npx remotion skills add
npm run dev
先准备 Node.js 和能修改文件的编程助手。已有 Remotion 项目可以直接在项目中安装技能；以下命令为第一次使用创建空白项目。启动预览后，在同一个项目目录打开 Agent。
第一次使用
以下内容发到 Agent 对话中，替换成自己的文件和目标：
请使用 remotion-best-practices，为这个项目做一条15秒的课程介绍短片：1920×1080，先展示“把想法做成作品”，再展示三张 public/photos 里的陶艺照片，最后显示预约提示。先给分镜和时间分配，再实现，保留可修改的文字和素材路径。
先用分镜控制信息量
把十五秒分成开场、作品展示和结尾，而不是在一页里堆满全部文案。给每一段明确目的、素材和大致时长。需要配音时，先准备音频或脚本，再让画面节奏跟着内容走；不要等渲染后才发现文字读不完。
让入口加载对应专项指引
当前 remotion-best-practices 是整套技能的路由入口，创建视频、字幕、地图和渲染各有配套参考。通过完整安装保留这些文件，避免只复制一个 SKILL.md。编写动画时让 Agent 按 Remotion 的帧和时间轴组织变化。
在预览中逐段修改
检查开头是否来得及读、图片比例是否正确、结尾是否留出行动时间。一次指出一个具体问题，例如第二张照片停留太短或标题遮住主体。dotta 的制作分享把脚本、品牌指南和视频执行分开，这种素材与职责分开准备的方式很适合借鉴。
交付前检查
预览确认后再让 Agent 使用项目现有的渲染方式导出 MP4。打开导出的文件检查画面、音轨、时长和末帧；保存成功与成片可用是两件事。
常见问题
为什么没有直接得到视频文件？ 预览和渲染是不同步骤，明确提出输出格式与保存位置。
旧教程只安装一个 Skill？ 当前入口依赖配套参考，按完整技能安装流程操作。
导出耗时多久？ 取决于分辨率、帧数、素材和机器，不用别人的单次案例估算所有任务。
把分镜写成可检查的时间线
十五秒课程短片可以先定三段：开场提出主题、照片展示、结尾行动提示。让 Agent 把每段的开始帧、结束帧、画面文字与所需素材列出来，再实现 Composition。若增加配音或字幕，先确认音频长度和字幕来源；不要把自动生成的文字当作已经过人工校对的台词。
在 Studio 里逐段检查切换点、照片裁切和文字可读时间，再渲染一个短预览核对实际输出。预览正常但导出缺字体、图片或音轨时，回到素材路径和渲染日志，而不是继续微调动画。交付时保留 Remotion 源项目、所用素材、渲染命令与 MP4；以后改文案或比例应从源码重新渲染。若任务扩展到自动化生成或线上播放器，先查对应的专项参考，而不是把本地视频项目直接当作 SaaS 后端。
分清 Studio 预览和最终文件
Remotion 的价值在于你能回到代码修改字幕、时长与素材，所以审稿时尽量给出帧或时间点：“第 6 秒照片被裁掉主体”“片尾停留不足两秒”。这样 Agent 可以定位 Composition 与素材层，不必猜整个视频哪里不对。渲染成片后从头到尾播放一次，检查音画同步、末帧和分辨率；本地 Studio 能播放，不保证编码后的 MP4 没有差异。发布到不同平台前还应明确目标画幅，再从源项目生成相应版本。