ゼロからの動画生成
仕組み: hyperframes-core + hyperframes-animation を読み込みます。以下の上流ルートも適宜利用可能です: faceless-explainer(テキスト用)、product-launch-video(製品/SaaS用)。このスキルの指示およびルールが競合する場合は優先されます。
セットアップ
powershell -NoProfile -ExecutionPolicy Bypass -File tools/new-project.ps1 -Name "<名前>" # テキスト / 製品
powershell -NoProfile -ExecutionPolicy Bypass -File tools/new-project.ps1 -Name "<名前>" -Screenshots "<ディレクトリ>" # SaaSプロモーション
製品画像がある場合は projects/<名前>/product.png にコピーしてください。その後 projects/<名前>/ 内で作業します。
スタイル: 指定がない場合は尋ねてください。その後 mg-styles 内のブロックを適用します。スタイル未指定の場合: ソフトなライトグラデーション上のクリーンな白いすりガラスカード、フォントは Inter。
ブリーフ(ユーザーの詳細を入力のこと。実際の数値は尋ね、それ以外は例としてマークすること)
テキストのみ(PROMPT 08) · デフォルト 1080x1920、30 fps
ユーザーの正確な言葉を使用し、書き換えや短縮は絶対に行わないでください。1画面に1文、スマートフォンで読める十分な大きさで表示します。長い文は同じ画面内で2〜3行に折り返します。各画面は読むのに十分な時間(1語あたり約0.35秒、最低1.2秒)表示します。すべてのテキストは幅の中央80%以内に収めます。 → renders/text.mp4
製品ローンチ(PROMPT 09) · デフォルト 1920x1080、30 fps、約12秒
product.png が存在する場合はそれをヒーロー画像として使用し、存在しない場合はHTML/CSSで製品(アプリ画面、ロゴ、またはスマートフォン)を構築します。
0〜2秒 ロゴ/名前の表示 → 2〜9秒 製品が実際に動作している様子を示す3つの機能シーン(単なる文章ではない)→ 9〜12秒 エンドカード: 名前、短いキャッチコピー、CTA。 → renders/product.mp4
SaaSプロモーション(PROMPT 10) · デフォルト 1920x1080、30 fps、約60秒
- まずすべてのスクリーンショットを確認し(画像を表示)、それぞれの内容を書き出します。
- 短いフックで始め、その後各画面で重要な部分(数字、グラフ、ボタン)にズームインし、それが顧客に何をもたらすかを短い1文で説明します。
- スクリーンショットはそのまま使用し、絶対に再描画しないでください。
- 動きのある感覚: 高速ズームとパン、画面間の大きな太字のテキスト、安定したビートに合わせたカット。
- ロゴ、短いキャッチコピー、CTAで終了。 →
renders/promo.mp4
初回レンダリング / スモークテスト(PROMPT 02) · 1920x1080、30 fps、6秒
紫→青のグラデーション上のすりガラスカード: グレーのラベル「MY FIRST RENDER」、数字が2秒かけて0→100とカウントアップ、4秒の時点で緑のピルが表示される。 → renders/first.mp4
モーションデモ(PROMPT 03) · 1080x1920、30 fps、14秒
mg-styles の10種類のモーション、各約1.3秒。暗い背景に白いカード、カード上部に小さくモーション名を表示。 → renders/moves.mp4
仕上げ
npx hyperframes lint → npx hyperframes check → キーモーメントのスナップショット(表示して確認)→ レンダリング → 承認されたファイルを exports/ にコピー。
サウンド: mg-sound。バリエーション / 透明背景: mg-export。