製品デモビデオ は何をしますか?
これは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をシーンごとに1回呼び出して、ナレーション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ワードに保ちます。
注意事項
- バンドルされたTT Sスクリプトは、macOS
say、OpenAI TTS、ElevenLabsをサポートしています。 - ユーザーがすでにRemotionプロジェクトを持っている場合は、テンプレート全体ではなく、必要なコンポーネント、
src/storyboard.ts、またはナレーションスクリプトのみをコピーします。