技能介绍

解决什么问题

常规视频制作路径里，改一句文案就要重录配音，换一个数据就要重做动画，改一帧就要重新导出整条时间线。Remotion Video Studio 的思路相反：视频是一段可以重新运行的代码。你描述主题、时长、风格、平台（横屏/竖屏）和目标受众，技能先把需求整理成分镜表，再生成一套基于 Remotion 的 React 组件。每一帧都是 DOM/Canvas 渲染的结果，所以「改文案」只是改一处文本节点或 props，「换数据」就是换一份数据集，重新渲染即可。

它覆盖五类场景：文字转视频（脚本/描述 → React 视频代码 → MP4，输出到 output/{project}/）、字幕同步（基于音频转录自动生成时间轴对齐的字幕层）、数据可视化动画（数字翻滚、柱状图增长）、产品演示视频（终端操作/界面演示动画）、15–60 秒社交短视频（竖屏适配、前 3 秒强钩子）。

它是怎么做的

工作流分四步：

脚本结构化：接收输入后生成分镜列表，每镜包含时间区间、画面描述、字幕、配音文本，输出 script.md 供确认或调整。
React 代码生成：初始化 src/Composition.tsx、src/scenes/、src/audio/；每个场景是一个组件，用 <Sequence> 控制时间区间，用 useCurrentFrame() 与 interpolate() 驱动动画；转场支持 crossfade、wipe、reveal 等效果。
配音与字幕：TTS 把脚本转成语音，再用 Whisper 类工具转录出精确时间轴，保证字幕同步；可选 BGM 并支持 beat sync 视觉脉冲。
预览与渲染：浏览器实时预览，npx remotion render 输出 MP4/WebM，支持横屏 1920x1080、竖屏 1080x1920、方形 1080x1080；同一套代码可通过 props 参数化批量生成系列视频。

动画原语包括淡入淡出、缩放、位移、旋转、路径动画，以及 marker sweep、手绘圆圈、爆发线等文字特效；每帧重计算要用 useMemo 缓存，避免动画卡顿。

适用边界

不适用于实拍视频编辑（请用 Premiere/Final Cut）、3D 动画（本工具是 2D DOM/Canvas 渲染）、直播推流。
30 分钟以上长视频渲染耗时过长，建议分段渲染后合并。
渲染依赖 Chrome/Chromium 与 FFmpeg；容器环境可用 Remotion 官方 Docker 镜像，或通过 PUPPETEER_EXECUTABLE_PATH 指定浏览器路径。
TTS、Whisper 等服务的 API Key 只经环境变量传入，不写入视频代码、不输出到日志。
Skill 本身无需 API Key，代码生成由 Agent 内置 LLM 完成；运行要求 Agent 具备命令执行（exec）能力。