code-video

Code Video

3 つの入力（デザイン（スタイル）、トピックに関するリサーチ、フォーマット）をもとに、すべてコードで描いた短い動画を作成します。ストーリー、シーン、テンポ、追加要素は自由です。

<skill> は、この SKILL.md が格納されているフォルダーです。エンジンは <skill>/template/（kit.js、render.mjs、main.js のひな形）にあり、API は references/kit-api.md に記載されています。ヘルパーは <skill>/scripts/ にあります：fetch_fonts.sh、clean_logo.py、audio.py（audio.json から音楽と効果音を生成）、beats.py、contact_sheet.py、site_tokens.py。

必要なツール：node/npm、libx264 対応の ffmpeg、Google Chrome、uv。不足しているものがあれば、どれが不足しているかを伝えて停止してください。

まず質問する

ユーザーがすでに伝えた項目は省き、それぞれ AskUserQuestion で質問してください。

1. トピック。 動画のテーマ（会社、サービス、ウェブサイト、製品など）。該当するリンクがあれば提示してもらいます。
2. デザイン。 スタイル、言葉で説明した外観、参考資料、または DESIGN.md のパスやリンク。スタイルヘッダー（grep '^# Style' <skill>/references/styles/*.md）と照合して、該当するガイドを開いてください。DESIGN.md の場合は brand.md を使用し、一覧にないものは free.md を使用します。ユーザーが指定しない場合は、一覧のスタイルからランダムに選びます。
3. 動画。 長さ、画面比率、画面上の言語、登場人物について、推奨案を最初に示して質問します。デフォルトは 30 秒、16:9 1920×1080、30 fps、会話で使われている言語です。

次に、出典付きの事実を約 10 件と、ブランドの実際の色、フォント、ロゴを調査し、短いプラン（ストーリー、配色、事実）を提示して、制作に入る前に承認を得てください。

ルール

• 画面に表示するすべての数字には出典が必要です。統計情報や UI の数値表示を捏造しないでください。
• 作業の完了を待ってください。レンダリングは Bash のタイムアウトを長め（最大 600000 ms）に設定し、フォアグラウンドで実行してください。非対話型の実行では、完了後に再度処理が再開されることはありません。

制作とレンダリング

cp -R <skill>/template <work-folder>/<name>-video && cd <work-folder>/<name>-video
chmod -R u+w . && npm i
bash <skill>/scripts/fetch_fonts.sh assets/fonts

index.html の window.VIDEO でサイズ、fps、長さを設定し、フォントを宣言して、シーンを main.js に記述します。韓国語の場合は unicode-range を使って、各ラテン文字用フォントにハングル用フォントを組み合わせてください。両方の言語で、1 つの URL パラメーターに応じて分岐させ、QUERY=lang=ko node render.mjs video … でそれぞれをレンダリングします。音声を付ける場合は audio.json を作成し、uv run --with numpy --with scipy python <skill>/scripts/audio.py audio.json audio.wav を実行します。レンダリング時に音声が多重化されます。

数枚の静止画を確認します（node render.mjs stills <times>。移動するショットで 12-14 のように範囲を指定すると 6 フレームが得られます。その後、uv run --with pillow python <skill>/scripts/contact_sheet.py stills <dir> を実行します）。問題があれば修正し、CRF=25 node render.mjs video <Name>.mp4 でレンダリングします。

納品

MP4 を送付し、使用した事実とその出典を一覧にしてください。