Agent Skills
返回列表
Remotion 视频工作室

Remotion 视频工作室

设计多媒体 更新于 2026.08.30

将以下提示词粘贴到你的 AI 对话框中：

请根据 https://skillhub.cn/install/skillhub.md，安装 @u_8ee34d77/react-video-composer-cn。

技能介绍

解决什么问题

手工做程序化视频时，常见断点是：脚本分镜、React 动画、字幕时间轴、TTS 配音和 Remotion 渲染彼此分散，容易在时间轴与输出格式上反复返工。这个技能把需求文本转成可预览、可渲染的 Remotion 项目，适合用代码生成横竖屏短视频、数据可视化动画和产品演示。

如何工作

  • 脚本结构化：把主题、时长、风格、平台转成分镜表，保存为 script.md，每镜包含时间区间、画面、字幕和配音文本。
  • React 视频生成：按 Composition.tsx、场景组件和音频资源组织代码，用 useCurrentFrame()、interpolate()、转场与字幕层驱动动画。
  • 音频与预览渲染：可选接入 TTS 与 Whisper 时间轴，再在浏览器预览并通过 npx remotion render 输出 MP4 或 WebM。

边界与注意点

该技能面向 2D DOM/Canvas 的确定性渲染，不适用于实拍剪辑、3D 动画、直播推流或 30 分钟以上长视频。渲染依赖 Node.js、Chrome/Chromium 和 FFmpeg；若遇到超时、内存或字体问题，优先降低分辨率、分段渲染或安装/替换 Web 字体。

使用场景

  • 课程运营把 60 秒卖点脚本生成为竖屏短视频，并输出前 3 秒钩子和 CTA 画面。
  • 数据分析师把月度增长指标做成数字翻滚和柱状图增长动画，用于周会演示。
  • 前端工程师把产品功能描述转成终端操作与界面演示动画，生成可复用 React 场景。
  • 内容编辑把音频配音转成字幕时间轴，修正卡点后渲染 1080x1920 MP4。

适合人员

  • 负责课程宣发的运营，需要把脚本快速变成竖屏短视频并控制前 3 秒钩子。
  • 做产品发布的前端工程师，需要把功能说明渲染成终端和界面演示动画。
  • 做增长分析的数据分析师，需要把指标变化做成动态柱状图和数字翻滚。
  • 制作知识付费内容的创作者，需要把文案、字幕和可选 TTS 配音合成可渲染视频。