القائمة
统一入口的 Remotion skill：用于 React/TS 视频制作、关键帧验图、中文旁白、字幕、渲染与交付。遇到 Remotion 视频需求时优先加载它。
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
| 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 风格教学视频。