製品デモ動画
これはClaudeプラグインのCodexスキルポートです。スラッシュコマンドはないため、Codexはワークフローを明示的に推進し、assets/remotion-template/にあるバンドルされたRemotionテンプレートを使用する必要があります。
テンプレートのセットアップ
- ターゲットワークスペースにまだRemotionプロジェクトが存在しない場合は、
assets/remotion-template/を作業ディレクトリ（例：demo-video/）にコピーします。 - その作業ディレクトリで
npm installを実行します。 - テンプレートには、シーンコンポーネント、エントリポイント、ナレーションスクリプト、およびスターター用の
src/storyboard.tsが含まれています。
ワークフロー
- ターゲットプロジェクトのREADME、ドキュメント、マニフェスト、ソースツリー、および既存のスクリーンショットをスキャンします。
- ハイライトする機能、希望する長さ、トーン、ブランドカラー、特定のスクリーンショットを使用するかどうかを尋ねます。
references/scene-catalog.mdを使用してストーリーボードをドラフトします。- ユーザーが明示的にチェックポイントをスキップするように要求しない限り、承認のためにストーリーボードを表示します。
src/storyboard.tsを作成または更新します。- 小さなヘルパースクリプトからシーンごとに
scripts/generate-narration.shを呼び出して、ナレーションMP3をpublic/narration/に生成します。 ffprobeが利用可能な場合は、各MP3を測定し、durationInSecondsをオーディオ長に約0.8秒を加えた値に設定します。npx remotion studioでプレビューし、npx remotion render DemoVideo output/demo.mp4でレンダリングします。
ストーリーボードのルール
- 常に
introで始まり、outroで終了します。 - ほとんどのシーンは約8〜12秒に保ちます。
workflow、comparison、または動的なfeatureなど、少なくとも1つは明確にアニメーション化されたシーンを含めます。- ターゲットプロジェクトの実際のコードと具体的な製品詳細を使用します。
- ナレーションは話し言葉に保ち、1分あたり約120〜150語にします。
注意事項
- バンドルされたTTSスクリプトは、macOSの
say、OpenAI TTS、ElevenLabsをサポートしています。 - ユーザーがすでにRemotionプロジェクトを持っている場合は、テンプレート全体ではなく、必要なコンポーネント、
src/storyboard.ts、またはナレーションスクリプトのみをコピーします。