القائمة
统一入口的 Remotion skill：用于 React/TS 视频制作、关键帧验图、中文旁白、字幕、渲染与交付。遇到 Remotion 视频需求时优先加载它。
يُحدَّد Prompt الذي يراجع المصدر أولًا بشكل افتراضي. يمكنك التبديل إلى أمر مباشر أو تنزيل نسخة محلية.
اقرأ SKILL.md وأي ملفات مرافقة يعرضها SkillsMP قبل أن تقرر التثبيت.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
يتجاوز الأمر المباشر Prompt المخصّص للمراجعة. افحص المصدر قبل تشغيله.
npx skills add https://github.com/dracohu2025-cloud/draco-skills-collection --skill remotionيبقى الأمر في سطر واحد. مرّر أفقيًا لمراجعته كاملًا قبل النسخ.
تفضّل نسخة محلية؟ نزّل الملفات المتاحة حاليًا لدى SkillsMP.
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 发布素材。
استنادا إلى تصنيف SOC المهني
عرض SKILL.md
| 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 只作为参考，不再作为首选入口。