用途
remotion-video 用于搭建一个多格式的 Remotion 视频项目，适合制作演示（demos）、宣传（promos）或社交媒体视频。它生成的项目包含场景、弹簧（spring）动画、响应式尺寸和节拍同步音频，产出后可直接通过 npx remotion studio 打开预览。
主要能力
- 生成多格式合成：同一组件渲染桌面（1920x1080）、竖屏手机（1080x1920）和横屏手机（1334x750）三种画幅，宽高比检测在组件内部完成。
- 弹簧动画：文本元素使用 spring() 做入场动画，支持逐词入场（SlamText）和错峰入场。
- 节拍同步音频：通过 getMusicVolume 构建音量曲线，配合场景与转场帧号实现节拍同步。
- 可复用场景原语：包括 SceneWrap、SlamText、CrossfadeTransition、TypingEffect、GrainOverlay、StageLight 与 AmbientGlow。
- 响应式尺寸：每个尺寸常量根据 isPhone 分支，手机尺寸约为桌面的 1.4-2 倍。
- 场景菜单：提供 Hook、Pain/Problem、Snap/Solution、Cooking/Loading、Results/Cards、Feature Grid、Feedback/Chat、Scroll/Carousel、Install、CTA 等场景类型。
使用方式
技能分阶段执行：
- 获取需求简报：询问产品名称、一句话卖点、场景构思（3-8 个）、配色风格（深色+琥珀色 #d97706、深色+单色或自定义）、音乐 BPM（默认 115）、字体（默认系统字体栈）。若用户已在对话中描述，则先提取已有信息。用户跳过时默认：25 秒、30fps、6 个场景、深色+琥珀色、115 BPM、系统字体栈。
- 搭建项目：创建固定文件树，包含 package.json、tsconfig.json、src/（index.ts、Root.tsx、[Name]Demo.tsx、[Name]Scenes.tsx）、public/audio/、public/fonts/、out/。package.json 中 "type": "commonjs" 为必需，ESM 会导致 Remotion 打包器出问题。仅在加载本地字体文件时添加 @remotion/fonts。
- 注册合成（Root.tsx）：注册三个合成，durationInFrames 为 750、fps 为 30（即 25 秒）。
- 场景架构（编排器）：定义场景时间对象（含交叉淡入淡出，重叠 4 帧，转场时长 10-16 帧，场景时长 60-195 帧），用 Sequence 布局，并接入音频。
- 构建场景：在 [Name]Scenes.tsx 中放置所有场景组件、设计令牌和原语。
- 注意事项：所有 interpolate() 需加 extrapolateLeft/Right: "clamp"；SceneWrap 需 safeEnd 守卫以处理 fadeOut=0；字体加载超时可用 --timeout=60000；交叉淡入淡出需 zIndex: 100；场景组件需接收局部帧（frame - scenes.X.from）；scenes 对象需 as const；SceneWrap 需设置 backgroundColor。
验证清单包括：npm install 无错误、npx remotion studio 显示全部 3 个合成、三种画幅均可渲染、无未加钳制的 interpolate()、音频音量随转场变化、完整渲染命令 npx remotion render [Id] out/video.mp4 --timeout=60000 可完成。
适用场景
适合需要快速搭建 Remotion 视频工程、制作产品演示、宣传片或社交媒体短视频的场景，尤其是需要多画幅适配和音乐节拍同步的项目。
限制
资料未提供该技能的收费、价格、平台支持范围或实际效果等信息。部分细节（如 references/audio.md、references/primitives.md、references/cheatsheet.md 的具体内容）在资料中仅被引用，未展开说明。