Menu
统一入口的 Remotion skill：用于 React/TS 视频制作、关键帧验图、中文旁白、字幕、渲染与交付。遇到 Remotion 视频需求时优先加载它。
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
| name | remotion |
| description | 统一入口的 Remotion skill：用于 React/TS 视频制作、关键帧验图、中文旁白、字幕、渲染与交付。遇到 Remotion 视频需求时优先加载它。 |
| version | 1.0.0 |
| author | Hermes Agent |
| license | MIT |
| metadata | {"hermes":{"tags":["remotion","video","react","animation","captions","tts","rendering"],"related_skills":["motion-canvas","manim-video","volcengine-tts-local","lark-drive-upload"]}} |
这是 统一入口。以后遇到 Remotion 相关任务，优先加载这个 skill，不要先在 remotion-best-practices 和 remotion-video-local 之间犹豫。
它把两层东西合到一起：
当任务是下面这些时，优先用 Remotion：
如果任务更像：
manim-videomotion-canvas视频任务默认先问这三件事：
如果答案偏向：
那就选 Remotion。
npx create-video@latest 可用ffmpeg 可用volcengine-tts-local）lark-drive-upload）先做静音版，把画面逻辑跑通；再接旁白和字幕；最后渲整片并交付。
npx create-video@latest --yes --blank --no-tailwind my-video
cd my-video
npm install
npx remotion studio
mkdir -p renders/stills
npx remotion still src/index.ts CompositionId renders/stills/frame-030.png --frame=30
npx remotion still src/index.ts CompositionId renders/stills/frame-120.png --frame=120
npx remotion render src/index.ts CompositionId renders/final.mp4
不要赌交互流程。
npx create-video@latest --yes --blank --no-tailwind my-video
先抽关键帧，不要一上来渲完整视频。
常见空白页 bug：
<Sequence from={SECTION}>const local = frame - SECTION结果就是局部帧被多减一次，后面页面看起来像空的。
短解释视频首版，优先本地火山 TTS，别先搞复杂云服务。
短视频别先走自动转写，手写字幕时间段更稳。
不要前台闷等。
npm run lintnarration.txtpublic/narration.mp3<Audio src={staticFile('narration.mp3')} />durationInFramesCaption[]CaptionBar按需加载：
references/selection-guide.md：什么时候选 Remotion，什么时候别选references/local-workflow.md：本机端到端流程references/pitfalls.md：高频坑位references/rules-index.md：专题规则入口templates/caption-bar.tsx：最小字幕条模板scripts/setup.sh：环境检查remotion-best-practices：保留为历史知识来源remotion-video-local：保留为历史本机 SOP但以后 优先加载 remotion。旧 skill 只作为参考，不再作为首选入口。
Use when generating PPT-style image slides, poetic presentation covers, quiet paper-texture visual pages, report pages, invitations, social cards, or slide-image sets with GPT-Image-2 via image_generate.
Use when generating high-readability hand-drawn knowledge diagrams, architecture diagrams, workflow maps, or consulting-style visual explanations with GPT-Image-2 via image_generate.
可独立运行的 GPT-Image 增强版 EPUB2Podcast：在本地把 EPUB 转成双人中文音频、GPT-Image/Smart Slide 视觉页、最终 MP4，并生成 YouTube 发布素材。
可独立运行的 standalone 版 EPUB2Podcast：用户只需下载当前项目本身，即可在本地把 EPUB 转成 Smart Slide + 双人中文音频 + 最终 MP4 视频播客。
【Ark Agent Plan 专用版本】EPUB 转双人中文播客视频流水线：使用火山引擎 TTS（与 Seedream/Seedance 共享技术栈），Smart Slide + 双人音频 + 最终 MP4 视频，无需额外 Google/OpenRouter API Key。
【Ark Agent Plan 专用版本】Manim 数学/算法讲解视频完整流水线，使用火山引擎 TTS 中文旁白（与 Seedream/Seedance 共享认证）。Plan → TTS → Code → Render → Stitch → Deliver. 适用于：Manim 动画 + 中文配音、音画同步讲解视频、3Blue1Brown 风格教学视频。