Remotion Shorts — スキルドキュメント
公式フォーマット: logic-lateral
参照: output/s4-19-interruptores/ · テンプレート: data/templates/script-logic-lateral.json
ビート: hook → rules → countdown → explanation → reveal → outro (CTA コメント)
ビジュアル: logic-room, switch-sequence, bulb-state-reveal (+ countdown, text)
cp data/templates/script-logic-lateral.json data/topics/mi-reto.json
npm run generar-short -- --input data/topics/mi-reto.json
自動ビルダー（タイトルにスイッチ/電球）: src/shorts/templates/three-switches.ts
黄金のルール
- すべてのアニメーションは
useCurrentFrame()/interpolate/springに依存すること。 - データは宣言的にJSONで管理し、コンポーネントは
src/shorts/remotion/components/に配置すること。 - GSAP、Anime.js、Motion Canvasは、公式のフレーム同期統合と正当な理由なしに追加しないこと。
- FFmpeg/Satoriはポストプロセスでのみ使用し、コンポジション内では使用しないこと。
HelloRemotionやScriptVideoを壊さないこと。- logic-lateralのアウトロでは常にコメントを促すこと。
編集箇所
| 変更内容 | ファイル |
|---|---|
| 新しいビジュアルシーン | components/ + ShortVideo.tsx の分岐 + スキーマ |
| テンプレート / 検出 | src/shorts/templates/ + select.ts |
| パイプライン | src/shorts/pipeline/ |
| サムネイル | src/shorts/media/thumbnail.ts |
| FFmpeg | src/shorts/media/ffmpeg.ts |
| レンダリングオプション | render-video.ts (gl: angle, バンドルキャッシュ) |