メニュー
デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。
インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
直接コマンドでは確認用 Prompt が省略されます。実行前にソースを確認してください。
npx skills add https://github.com/dracohu2025-cloud/draco-skills-collection --skill remotionコマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。
ローカルで確認しますか？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 只作为参考，不再作为首选入口。