製品デモ動画
これはClaudeプラグインのCodex-skill移植版です。スラッシュコマンドはないため、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、またはナレーションスクリプトのみをコピーします。