Communitygithub.com

kh-bikash/product-launch-video-skill

プレミアムな製品ローンチ動画、キャンペーンイメージ、サウンドデザイン、レンダリング、QAのための再利用可能なCodexスキルです。

product-launch-video-skill とは?

このスキルは、製品ローンチ動画を完全に制作するための体系的なワークフローを提供します。ユーザーがコンセプトやトリートメントを明示的に要求しない限り、単なるストーリーボードではなく、共有可能な最終広告を生成します。デフォルトでは15秒、9:16縦型1080x1920、30fpsのH.264 MP4(ステレオAACオーディオ付き)を出力し、4つの製品ビジュアル(ヒーロー、マクロ、使用・アクション、最終披露)と5つのデザインされたトランジションを持つシーン、オリジナルの非ボーカルスコアと効果音、1枚のポスターJPG、および画像プロンプトレコードを含みます。このスキルは、画像生成には`imagegen`、コンポジション、アニメーション、検証、レンダリングには`hyperframes`関連スキルを必要とします。ワークフローは、ソース・オブ・トゥルースの確立、クリエイティブ方向性の決定、製品ロックの作成、ナラティブカットの構築、サウンドデザイン、HyperFramesコンポジションの構築、検証と微調整、最終納品の8つのステップで構成されています。品質基準は、テンプレート的ではなくアートディレクションされたように感じられることであり、製品の一貫性、照明、カメラアングル、コピー、モーション、オーディオが適切に連携し、最終フレームがブランドエンドカードとして使用可能で、MP4が追加の編集なしで共有可能であることが求められます。

対応~Claude Code✓Codex CLI~Cursor
npx skills add kh-bikash/product-launch-video-skill

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

製品ローンチ動画の作成

ユーザーが明示的にコンセプトやトリートメントを求めない限り、単なるストーリーボードではなく、完成した共有可能な広告を制作します。

デフォルトの成果物

概要で技術的選択が省略されている場合は、以下を使用します。

  • 15秒
  • 9:16縦型、1080x1920
  • 30fps H.264 MP4(ステレオAACオーディオ付き)
  • 4つの製品ビジュアル: ヒーロー、マクロ、使用/アクション、最終披露
  • デザインされたトランジションを持つ5つのシーン
  • オリジナルの非ボーカルスコアと効果音
  • 1枚のポスターJPGと1つの画像プロンプトレコード

重要でないクリエイティブの詳細は推測します。情報が不足していると製品のアイデンティティ、事実上の主張、ブランド所有権、またはメディア権利が変わる場合にのみ質問します。

必要なコンパニオンスキル

  • 新しいフォトリアリスティックな製品画像や画像編集には imagegen を使用します。
  • コンポジション、アニメーション、検証、レンダリングには hyperframes:hyperframes、hyperframes:hyperframes-cli、hyperframes:gsap を使用します。
  • 概要がURLから取得された場合、製品の事実とアセットを収集するためにブラウジングまたはウェブサイトキャプチャのみを使用します。この製品ローンチワークフローを制作の権威として保持します。

コンパニオンスキルの指示は、そのアクションを実行する前に完全に読んでください。

ワークフロー

1. ソース・オブ・トゥルースの確立

ジョブを分類します:

  • アセットが提供された実製品: 製品の形状、ラベル、色、ロゴの配置、パッケージを保持します。再生成によってアイデンティティが変わる場合は、編集またはコンポジットを優先します。
  • URLのみの実製品: 権威ある製品ソースから現在の事実と主張を検証します。許可された場合に有用なアセットをキャプチャします。
  • 架空またはコンセプト製品: オリジナルの製品アイデンティティとシルエットを作成します。保護されたロゴや代表的なブランドモチーフを模倣してはいけません。

以下を抽出または推測します: 製品カテゴリ、対象者、単一の約束、証明ポイント、ブランドトーン、ローンチのコールトゥアクション、配信フォーマット。

仕様、賞、認証、サステナビリティ主張、医療効能、性能パーセンテージ、価格、入手可能性をでっち上げてはいけません。サポートされていない数値は定性的な表現に置き換えます。

製品がバンドルされたプロファイルに適合する場合、決定論的な開始計画を生成します:

node scripts/plan_launch.mjs --product footwear-athletic --duration 15 --mood premium --name "製品名" --output LAUNCH_PLAN.md

利用可能なプロファイルは data/product-profiles.json で定義されています。サポートされる時間構造は data/duration-structures.json で定義されています。生成された計画をクリエイティブベースラインとして扱い、提供されたアセット、実際の製品事実、およびユーザーの概要を使用して改良します。

2. クリエイティブ方向性の決定

コンポジションHTMLの前に DESIGN.md を作成します。以下を含めます:

  • 1段落のスタイルプロンプト
  • 正確な16進数値を持つ2~3の中核色
  • 1つのディスプレイフェイスと1つの対照的なサポートフェイス
  • カメラ言語と照明ルール
  • モーションテンポとトランジションファミリー
  • 3~5の明示的なアンチパターン

一般的なダークネオン処理を適用するのではなく、製品素材、対象者、約束から方向性を選択します。references/product-direction.md を参照して、カテゴリ固有のカメラと照明の決定を行います。

3. 正規の製品ロックの作成

不変の製品に関する1つのコンパクトな説明を書きます:

  • シルエットとプロポーション
  • 素材と表面仕上げ
  • 色の配置
  • 縫い目、コントロール、クロージャー、またはパッケージ構造
  • 許可されている場合のロゴまたはラベルの配置
  • 禁止されているモチーフと不変要素

最初にクリーンなヒーロー画像を生成または選択します。他のアングルを生成する前にそれを検査します。受け入れられたヒーローを後続のすべての画像の参照として使用し、各プロンプトで製品ロックを逐語的に繰り返します。

ブランドコピーのために生成された画像内テキストに決して依存しません。コピーや透かしのないクリーンな製品写真を生成し、その後HTMLで正確なテキストを追加します。

画像セットを生成する前に references/image-prompting.md を読んでください。

4. ナラティブカットの構築

要求された時間に一致する構造を references/launch-structures.md から選択します。

デフォルトの15秒カットには、次のアークを使用します:

  1. ブランドまたは製品の登場
  2. 素材またはフィーチャーマクロ
  3. 使用中の製品またはエネルギッシュな証明
  4. 製品の完全な披露
  5. ブランドロックアップとコールトゥアクション

見出しは3~7語に抑えます。各シーンで1つのアイデアを支配させます。コピーは製品固有で証拠に基づいたものにします。

5. 編集とともにサウンドをデザイン

ユーザーから提供されたライセンスオーディオがある場合はそれを使用します。それ以外の場合は、scripts/generate_score.mjs を使用して控えめなオリジナルスコアを作成します:

node scripts/generate_score.mjs --output assets/launch-score.wav --duration 15 --energy high --transitions 2.8,5.8,8.9,11.9 --seed 2401

主要な披露とトランジションにインパクトを合わせます。スウッシュは控えめに使用します。スコアは、ナレーションがなくても広告が理解できる程度にサポート的に保ちます。

6. HyperFramesコンポジションの構築

  • 各シーンを、アニメーションする前に完全に表示されたヒーロー状態で構築します。
  • 少なくとも3つのビジュアルレイヤーを使用します: 画像/背景処理、プライマリコンテンツ、アクセント/メタデータ。
  • すべてのシーンに、異なる方向、持続時間、イージングを持つエントランスアニメーションを設定します。
  • ほとんどのシーン変更には1つのプライマリトランジションファミリーを使用し、ヒーロー披露には1つのより強いアクセントを使用します。
  • トランジションにすべての非最終的な終了を実行させます。最終シーンのみが独立してフェードアウトできます。
  • トランスフォームの競合を避けるために、画像ラッパーとシーンコンテナを別々にアニメーションします。
  • 静止画像には微妙なカメラ移動を使用します: パン、ドリフト、フォーカスプル、スケールプッシュ。すべてのシーンで同じアンビエントモーションを使用しないでください。
  • すべてのロジックを決定論的に保ちます。無限リピートやランダムな時間ベースの動作は使用しないでください。
  • スコアには個別の時間指定 <audio> 要素を使用します。

デフォルトのトランジションルーティング:

  • ラグジュアリー、ビューティー、フレグランス: フォーカスプル、ブラークロスフェード、カラーディップ
  • アスレティック、自動車、エネルギッシュな消費者向け: ズームスルーと制御されたフォーカスプル
  • テクニカル、精密エレクトロニクス: シャッター、プッシュ、フォーカスプル
  • フード、ビバレッジ、ウォームライフスタイル: ライトリークまたは優しいブラークロスフェード

7. 検証と微調整

最終納品前に次のすべてを実行します:

  1. npx hyperframes lint
  2. npx hyperframes validate
  3. npx hyperframes inspect
  4. アニメーションマップ分析(依存関係が利用可能な場合)
  5. ドラフトレンダリング
  6. シーンごとに少なくとも1つのヒーローフレームを抽出して視覚的に検査
  7. 高品質の最終レンダリング
  8. 最終ファイルの持続時間、寸法、フレームレート、コーデック、オーディオの有無を確認

すべてのlintエラー、コンソールエラー、コントラスト不良、意図しないレイアウトの問題を修正します。警告は広範に抑制するのではなくレビューします。本当に意図的なオーバーフローまたはトランジションのオーバーラップのみをマークします。

ブラウザのコンポジションだけでなく、エンコードされたドラフトを検査します。画像の不整合、読みにくいタイプ、サポートされていない主張、ぎこちないクロップ、安っぽく見える繰り返しモーション、トランジションフラッシュ、空の最初または最後のフレームに注意します。

8. 納品

ユーザー向けの成果物をワークスペースの出力ディレクトリに配置します:

  • 最終MP4
  • 強い製品フレームからのポスターJPG
  • 正規の製品ロックと最終画像プロンプトを含むプロンプトレコード

持続時間、解像度、コーデック、画像生成モード、検証結果を報告します。成果物を直接リンクします。

品質基準

成功した結果は、テンプレート化されたものではなく、アートディレクションされたように感じられる必要があります:

  • 製品のアイデンティティがすべてのショットで一貫している。
  • 照明が素材と形状を説明している。
  • カメラアングルには明確なナラティブ上の役割がある。
  • コピーは簡潔で正確で、裏付け可能である。
  • モーションが製品の個性を伝えている。
  • オーディオは編集を引き立てつつ、圧倒しない。
  • 最終フレームがブランドエンドカードとして使用可能である。
  • エクスポートされたMP4は、追加の編集なしで共有可能である。

Individual skills in this repo

This repo contains 1 individual skill — each has its own dedicated page.

関連スキル