Communitygithub.com

Gnurpreet/promo-video-script-skill

プロダクトのWebサイトを共有するだけで、クールなプロモーションビデオのスクリプトを生成。どんな動画エンジンにも入力可能(7★)。

promo-video-script-skill とは?

このスキルは、ユーザーが製品のWebサイトURLを提供するだけで、ステップバイステップのガイド付き会話を通じて、洗練された7~10シーンのアニメーションプロモーションビデオのスクリプトを生成します。Claude Designや類似のアニメーションツールに直接入力できるように設計されており、ブランドカラーやトーン、スタイルに忠実な、ビジュアルとメッセージの一貫性を重視しています。 プロセスは7つのステップで構成されています。まずWebサイトを取得・分析し、製品情報、ビジュアルスタイル、6~8の主要機能を抽出。ユーザーに5つの機能を提示し、その中から2~3の強調機能を選択してもらい、さらに各機能のビジネスメリットから1~2を選びます。これにより、視聴者の共感を呼ぶ具体的で成果指向のメッセージが醸成されます。 最終的なスクリプトは、各シーンに「Visual」「Animation」「Text」「Transition」などの必須フィールドを備え、フックから問題提起、製品紹介、機能訴求、社会的証明、変革、CTAへと論理的に展開。すべてのシーンがブランドスタイルを反映し、セルフチェックリストによる品質保証が組み込まれています。B2B/B2Cの区別や、ペイウォール・CTA欠如などのエッジケースにも対応。 このスキルは、マーケティングチーム、プロダクトマネージャー、スタートアップのファウンダーなど、プロモーションビデオの制作を迅速かつ一貫性をもって行いたいすべてのユーザーに適しています。対応プラットフォームはClaude Codeを想定していますが、出力されたマークダウンファイルは任意のビデオ生成ツールにコピーペースト可能です。

対応✓Claude Code~Codex CLI~Cursor
npx skills add Gnurpreet/promo-video-script-skill

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

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

ドキュメント

プロモーションビデオスクリプトスキル

ガイド付きの会話形式で、洗練された7~10シーンのアニメーションプロモーションビデオスクリプトを生成します。各ステップで焦点を絞り込み、最終的なスクリプトは製品のブランドに視覚的に忠実で、具体的かつベネフィット駆動型になります。このスクリプトはClaude Designアニメーションクリエーターにそのまま入力できるように作成されます。Claude Designがプロモビデオを作成するために必要なすべての要素を含んでいます。


ステップバイステップワークフロー

ステップ1 — WebサイトURLを入手

ユーザーがまだ製品のWebサイトURLを提供していない場合は、入力を求めます。 URLを取得し、そこから重要な情報を抽出することを確認します。


ステップ2 — Webサイトを取得して分析

web_fetch を使用してURLにアクセスします。以下の情報を抽出し、内部メモとして保持します。

製品情報

  • 製品名/会社名
  • 製品の概要(1行)
  • ターゲットオーディエンス(コピーや画像の説明から推測)
  • トーン・オブ・ボイス(例:遊び心、エンタープライズ、ミニマル、大胆)

ビジュアル/ブランドスタイル — 具体的に記述:

  • プライマリカラーとセカンダリカラーのパレット(Hexまたは説明)
  • タイポグラフィのスタイル(セリフ/サンセリフ、ウェイト、ムード)
  • レイアウトのリズム(ゆったり/密、カードベース、フルブリード)
  • コピーから読み取れるモーションの手がかり(「瞬時」「スムーズ」「パワフル」、アニメーションの言及)
  • フォトグラフィまたはイラストレーションのスタイル(altテキストやコピーから推測可能な場合)
  • 全体的な美的キーワード(例:「クリーンなSaaS」「大胆なコンシューマー」「温かみのあるスタートアップ」「ダークモードのテック」)

機能 — サイトのコピー、見出し、機能グリッド、料金表から、少なくとも6~8の明確な製品機能を特定します。ページ上での掲載の目立ち度合いでランク付けします。


ステップ3 — 分析結果を提示し、トップ5の機能を選択可能にする

製品の概要(3~5文)とターゲットユーザーを簡潔にユーザーに示します。

次に、5つの機能を番号付きリストで正確に提示します。各機能について以下を記述します:

  • 短い機能名(3~6語)
  • ユーザーベネフィットを説明する一文(機能の内容だけでなく、その機能がなぜ重要なのか)

ユーザーに、ビデオで焦点を当てたい2つまたは3つの機能を選択するよう求めます。 利用可能な場合は ask_user_input_v0 を使用し、そうでない場合はプレーンテキストで質問します。

フォーマット例:

以下が、私が見つけた5つの際立った機能です。ビデオの焦点を当てるために2つまたは3つを選んでください:

1. **ワンクリックエクスポート** — 手作業なしで、数秒で洗練されたファイルとして作業内容を保存できます。
2. **リアルタイムコラボレーション** — 複数のチームメンバーが同時に編集でき、マージコンフリクトが発生しません。
3. **AI搭載の提案** — 作業中にスマートなプロンプトを取得でき、制作時間を半分に短縮します。
4. **ブランドキット統合** — 毎回自動でカラーとフォントを取り込めます。
5. **バージョン履歴** — 保存済みの任意の状態にロールバックできるため、何も失われることはありません。

ステップ4 — 選択された各機能のビジネスメリットを生成

ユーザーが選択した各機能について、3つの具体的なビジネスメリットを考案します。 メリットは成果指向である必要があります:収益、節約時間、リスク軽減、チームの速度、顧客満足度、競争優位性。一般的な埋め草は避けてください。

機能ごとにグループ化して明確に提示します。ユーザーに、最も響く機能あたり1~2のメリットを選択するよう求めます。これらがスクリプトの核となるメッセージになります。

フォーマット例:

素晴らしい選択です。各機能について、ビジネスメリットをご紹介します — 機能ごとに1つまたは2つを選んでください:

**ワンクリックエクスポート**
  A. 納品時間を最大60%短縮し、チームがより速くリリースできるようにします。
  B. 手戻りやクライアントの修正を引き起こすフォーマットエラーを排除します。
  C. デザイナーを反復作業から解放し、クリエイティブな仕事に集中させます。

**リアルタイムコラボレーション**
  A. メールのやり取りを減らし、プロジェクトあたりの時間を節約します。
  B. リモートチームが追加の会議なしで連携を維持できるようにします。
  C. 承認サイクルを短縮し、作業をより迅速に完了させます。

ステップ5 — スクリプトの概要を確認

書き始める前に、3~5個の箇条書きでユーザーに確認します:

  • 製品名とオーディエンス
  • 選択された機能(およびその選択されたメリット)
  • ビジュアルスタイル(ブランド分析から)
  • トーン(シリアス/遊び心/インスピレーションなど)
  • サイトから推測されるコールトゥアクション(無料トライアル、デモ予約、サインアップなど)

質問:「フルスクリプトを書く前に、これで問題ないですか?」


ステップ6 — 完全なアニメーションプロモーションビデオスクリプトを作成

7~10シーンのスクリプトを作成します。各シーンは以下のラベル付きフィールドで構成します:

シーン [N] — [大文字のシーンタイトル]
尺: [例:4~6秒]
ビジュアル: [画面上の内容の詳細な説明 — レイアウト、モーション、色、要素]
アニメーション: [具体的な動きの方向 — 登場、退場、トランジション、タイミングの感覚]
テキスト: [画面上のテキスト、明確にラベル付け]

必須のシーン構成

シーン目的
1フック — 注意を引く。問題提起または大胆なビジュアルオープナー。製品はまだ登場しない。
2問題 — オーディエンスが認識するペインポイントを増幅。
3製品紹介 — 製品名とカテゴリーを初めて明らかにする。
4–6機能+メリットシーン — 選択された機能ごとに1シーン。機能を表示し、メリットを述べる。
7社会的証明/信頼性 — 顧客の引用、ロゴウォール、統計、または信頼シグナル(サイトで見つからない場合はプレースホルダーを使用)。
8–9ビジョン/変革 — 製品使用後の生活を示す。感情的な解決。
10CTA — サイトのプライマリCTAに一致する明確なコールトゥアクション。ブランドクローズ。

選択された機能の数に基づいてシーン数を調整します(2機能 → 7~8シーン、3機能 → 9~10シーン)。

ビジュアル方向性ルール

  • 各シーンの「ビジュアル」フィールドは、ステップ2で特定したブランドパレットとスタイルを参照すること。
  • モデルに対し、サイトからロゴやその他のブランドアセットをダウンロードし、関連する場所でビデオで使用するよう指示します。
  • モデルに対し、サイトまたはインターネットから関連する画像やアイコンをダウンロードしてビデオで使用するよう指示します。
  • モーションを正確に記述:「カードが左から0.3秒でイーズアウトしながらスライドイン」— 「要素が現れる」ではない。
  • テキストの処理を含める:フォントの太さ、サイズの関係、色の使用方法。各シーンのメインテキストは中央揃えで強調表示すること。視聴者の注意を引くアニメーション化された見出しとして扱います。
  • ブランドの美的キーワードを一貫して参照する(例:「クリーンなSaaSミニマルレイアウト」「ネオンアクセントのダークモードテック」)。
  • 各シーンのシーントランジションを指定する。トランジションは不連続であってはなりません。何らかのビジュアル要素が次のシーンへのトランジションを導くべきです(例:続く線、アイコンのジャンプ、ズームイン、ズームアウトなど)。
  • できればWebサイトから、カード、ボタン、フォーム、チャート、ダッシュボードなどの一般的なUX要素を使用します。ただし、UIはシンプルに保ち、視聴者を圧倒しないようにしてください。焦点は機能とそのメリットにあるべきであり、詳細なUIではありません。
  • ビデオはモーションデザインツール(After Effects、Rive、CSSアニメーションなど)で制作されることを前提としています — 実写監督ではなく、アニメーターに向けて記述します。

トーンとコピーのルール

  • 画面上のテキスト:最大6語。パンチがあり、メリット優先。
  • ブランドが意図的に使用している場合を除き、専門用語は使用しない。
  • 全体を通して能動態を使用。
  • 最終的なCTAは、可能な限りサイトの正確な文言に合わせます。

ステップ7 — スクリプトを納品

完全なスクリプトを、シーンごとにきれいなMarkdownで出力します。このMDファイルはClaude Designにコピーペーストしてビデオを作成するために使用されるため、Claude Designや類似のツールに対して指示的である必要があります。

スクリプトの後に、以下を追加します:

制作ノート(簡潔に):

  • 推奨される総ビデオ尺
  • 推奨アスペクト比(16:9、9:16、1:1) — サイトから推測される製品の配信チャネルに基づく
  • アニメーションスタイルに関する一文の推奨(例:「スムーズなモーフィングトランジションを伴うキネティックタイプは、このブランドのクリーンなSaaSの美学に適しています」)

品質チェックリスト(納品前の自己レビュー)

最終スクリプトを出力する前に、以下を確認:

  • すべてのシーンに6つのフィールド(シーンタイトル、尺、ビジュアル、アニメーション、テキスト、トランジション)がある
  • ブランドカラーとスタイルが少なくとも60%の「ビジュアル」フィールドで参照されている
  • 選択された各機能が、専用のシーンに正確に1回登場する
  • 選択された各メリットが明示的に記載されている(画面上のテキスト)
  • シーン1では製品名が言及されていない
  • 最終シーンのCTAがサイトのプライマリCTAと一致している
  • 総シーン数が7~10である
  • 画面上のテキストが6語以下で、適切に太字になっている
  • すべてのシーンに次のシーンへの視覚的なトランジションがある
  • 制作ノートが最後に含まれている
  • 制作ノートに、見出しを大きく太字でアニメーションすることを記載

エッジケースの処理

サイトがログインの背後にある/フェッチをブロックする場合:ユーザーにホームページのコピーを貼り付けるか、製品を説明するよう依頼します。提供された情報に基づいて進めます。

製品に機能が多すぎる場合:それでも提示オプションは5つに制限します。ホームページまたは料金ページで最も目立つ機能を選択します。

サイトに明確なCTAがない場合:デフォルトで「無料で試す」を使用するか、ユーザーに希望するCTAを尋ねます。

B2BとB2Cの区別:製品が明らかにエンタープライズ向けの場合(料金階層、「デモを予約」、「営業に問い合わせ」)、メリットをROI、時間節約、リスク軽減に傾けます。コンシューマー向けの場合は、使いやすさ、喜び、変革に傾けます。

ページにビジュアルスタイルの手がかりがない場合:製品カテゴリを使用して妥当なデフォルトを推測します(例:フィンテック → ダーク、信頼性が高い;ウェルネスアプリ → 温かみのある、ソフトなグラデーション;開発ツール → ミニマル、モノスペースアクセント)。

関連スキル