用途:该技能用于规划、构建、预览、修改并渲染基于 Remotion 和 React 的营销视频,包括产品演示、SaaS 推广、UI 走查、发布视频、社交广告、讲解视频、带字幕片段与动态图形。不适用于不涉及 Remotion、React、代码生成图形或营销叙事的视频剪辑任务。
主要能力:先产出创意简报(目标、受众、钩子、故事节拍、视觉风格、素材清单、音频与字幕计划、风险与验收标准),再规划场景图,将每个场景定义为含 id、startFrame、durationInFrames、叙事目标、视觉、动效、音频与素材引用的数据;在目标项目 src/theme.ts 或 src/tokens.ts 中集中管理画布、帧率、颜色、字体、间距、圆角、阴影、层级与动效曲线;先做静态帧再添加由 useCurrentFrame()、useVideoConfig()、interpolate()、Easing、spring()、Sequence、Series、TransitionSeries 驱动的确定性动画,避免 CSS 过渡、关键帧、计时器与无种子随机。
使用方式:在目标 Remotion 项目内运行命令,而非技能仓库。常用命令:npx remotion studio --port=3000;npx remotion still ProductVideo --frame=90 --scale=0.25;npx remotion render src/index.ts ProductVideo out/check.mp4 --frames=0-180 --scale=0.5 --codec=h264;npx remotion render src/index.ts ProductVideo out/final.mp4 --codec=h264;npx remotion ffprobe -v quiet -print_format json -show_format -show_streams out/final.mp4。添加官方包优先用 npx remotion add <package>,媒体放在目标项目 public/ 并用 staticFile() 引用。
适用场景与限制:适合软件产品的营销与演示叙事,默认结构为钩子、揭示、机制、证明、CTA,每场景一个主概念,通常每 2-5 秒切换。需在用户批准预览并确认输出路径后才渲染完整成片,渲染后检查尺寸、编码、帧率、时长、音频流与文件大小。素材缺失时可基于产品描述构建明确标注的模拟 UI。技能仓库不存放媒体资产;未提供具体收费、价格与平台支持信息。