Communitygithub.com

Ozor ランディングページ・動画変換

あらゆるランディングページやウェブサイトを、Ozor.aiの動画プロンプトに変換します。ユーザーがURLやランディングページの内容を提供し、それを動画にしたい場合にこのスキルを活用してください。

Ozor ランディングページ・動画変換 とは?

Ozor Landing Page-to-Video Converter は、任意のウェブページ(ランディングページ、プロダクトページ、プライシングページなど)のコンテンツを解析し、Ozor.ai 用の構造化された動画プロンプトを自動生成するスキルです。ユーザーがURLを入力するか、ページのコピーを貼り付けると、スキルがページタイプの特定、コアメッセージや価値提案、ソーシャルプルーフ、CTA、ブランド要素(色、トーン、フォントなど)を抽出します。抽出した情報をもとに、動画の長さ・フォーマット(16:9 または 9:16)・シーン構成を決定し、最終的にOzorに直接貼り付け可能なプロンプトを出力します。これにより、手動で動画のストーリーボードを考える手間を省き、ブランドに一貫したプロフェッショナルな動画を迅速に生成できます。Claude Code、Codex、Cursor などのAIエージェント上で動作し、マーケティング担当者やプロダクトマネージャーが動画制作の効率を大幅に向上させるのに役立ちます。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/renalpelvisdeinocheirus70/ozor-skills/tree/main/skills/ozor-landing-page-to-video

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

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

ドキュメント

Ozor ランディングページ・動画変換 は何をしますか?

あらゆるランディングページ、ウェブサイト、URLを、構造化されたOzor.ai用の動画プロンプトに変換します。このスキルは、ウェブコンテンツからメッセージ、価値提案、ブランドアイデンティティを抽出し、ページの本質を動きで捉えた動画プロンプトを生成します。

対応入力タイプ

  • URL — 公開アクセス可能な任意のウェブページ
  • ランディングページのコピー — マーケティングページから貼り付けられたテキスト
  • ホームページのコンテンツ — ホームページ全体のテキストと構造
  • プロダクトページ — 機能に焦点を当てたページ
  • プライシングページ — プラン比較のコンテンツ
  • アバウトページ — 企業のストーリーとミッション
  • アプリストアの掲載情報 — iOS/Androidアプリの説明文

ワークフロー

フェーズ1 — ページの分析

ページコンテンツを読み取り、または取得し、以下を抽出します。

  1. ページタイプ — これはどのようなページか?

    • ヒーロー主導のランディングページ(単一プロダクト/機能に焦点)
    • マルチセクションのホームページ(全製品概要)
    • プロダクト/機能ページ(一つの機能を深掘り)
    • プライシングページ(プラン比較)
    • アバウト/企業ページ(ストーリーとミッション)
  2. コアメッセージ — 見出しまたはヒーローテキスト。これが動画のフックになります。

  3. 価値提案 — 3〜5つの主要なベネフィットまたはセールスポイントを抽出します。これらが中間のシーンになります。

  4. ソーシャルプルーフ — 以下を探します。

    • 顧客ロゴや件数(「10,000以上のチームに信頼されています」)
    • 推薦の言葉や引用
    • 指標(「稼働率99.9%」「2倍高速」)
    • 受賞歴、プレスでの言及、認証
  5. CTA — ページは訪問者に何をしてほしいか?(「無料トライアルを開始」「デモを予約」「今すぐダウンロード」)

  6. ブランドシグナル — ページから以下を抽出します。

    • プロダクト/会社名
    • 主要色(CSS、ボタン、または視覚的検査から)
    • トーン(プロフェッショナル、遊び心、技術的、温かみ)
    • ロゴの有無
  7. ビジュアルアセット — 参照可能なプロダクトスクリーンショット、イラスト、画像があれば記録します。

フェーズ2 — 動画フォーマットの選択

ページタイプと想定される配信チャネルに基づいて選択します。

ページタイププライマリ動画セカンダリ動画
ランディングページ30〜45秒のプロダクトローンチ、8〜12シーン(16:9)15秒のソーシャルティーザー、5シーン(9:16)
ホームページ45〜60秒のブランド概要、12〜15シーン(16:9)30秒のプロダクトハイライト、8〜10シーン(9:16)
プロダクトページ30〜45秒の機能説明、8〜12シーン(16:9)15秒の機能ティーザー、5シーン(9:16)
プライシングページ30秒のプラン比較、8〜10シーン(16:9)—
アバウトページ45〜60秒のブランドストーリー、12〜15シーン(16:9)—
アプリ掲載情報15〜30秒のアプリプレビュー、5〜10シーン(9:16)30秒のフルデモ、8〜10シーン(16:9)

常にプライマリ動画を生成します。セカンダリはオプションとして言及します。

フェーズ3 — 動画の構造化

ページセクションを動画シーンにマッピングします。

ヒーロー主導のランディングページの場合(最も一般的、約10〜12シーン):

  1. フック — ヒーローの見出しを大胆にアニメーション化。ページの主要な主張です。
  2. 問題提起 — ページにペインポイントの記載があれば表示。なければ、ソリューションから暗に示します。
  3. 問題の詳細 — 現状のフラストレーションやコストを拡大。ページの統計や共感を呼ぶシナリオを使用。
  4. ソリューションの紹介 — プロダクト名と一行説明で導入。問題からソリューションへ移行。
  5. ソリューションの詳細 — プロダクトの動作中。ページの主要スクリーンショットを使用するか、UIの動きを説明。
  6. ベネフィット1 — 最初の主要価値提案。太字テキストとサポートするビジュアルまたはアイコンアニメーションで表示。
  7. ベネフィット2 — 2番目の主要価値提案。同様の表現。
  8. ベネフィット3 — 3番目の主要価値提案。同様の表現。
  9. ソーシャルプルーフ — 指標 — 顧客数、使用統計、パフォーマンス数値をカウンターアニメーションで表示。
  10. ソーシャルプルーフ — ロゴ/推薦の言葉 — 信頼のロゴのスクロール、または推薦の引用と帰属。
  11. CTAテキスト — ページのコールトゥアクションを太字アニメーションテキストで表示。
  12. CTAとURLおよびロゴ — 「[正確なCTA]」とページURL、プロダクトロゴ。クリアなフェードアウト。

マルチセクションホームページの場合(約12〜15シーン):

  1. フック — ヒーローの見出しをブランド背景上で大胆にアニメーション化。
  2. サブ見出し — ヒーローのサブテキストまたは一行のプロダクト説明とビジュアル。
  3. プロダクト概要 — 高レベルの機能説明シーンとスクリーンショットまたはプロダクトビジュアル。
  4. 機能1の紹介 — 最初の主要機能の名前と一行のベネフィット。
  5. 機能1のビジュアル — 機能の動作を示すスクリーンショット、アニメーション、またはアイコン。
  6. 機能2の紹介 — 2番目の主要機能の名前と一行のベネフィット。
  7. 機能2のビジュアル — 2番目の機能のサポートビジュアル。
  8. 機能3の紹介 — 3番目の主要機能の名前と一行のベネフィット。
  9. 機能3のビジュアル — 3番目の機能のサポートビジュアル。
  10. 連携・エコシステム — パートナーロゴ、連携、プラットフォームのリーチ(ページに存在する場合)。
  11. ソーシャルプルーフ — 指標 — 顧客数、使用統計、パフォーマンス数値。
  12. ソーシャルプルーフ — ロゴ/推薦の言葉 — 信頼のロゴまたは推薦の引用。
  13. 価格・差別化要因 — 価格優位性や主要な差別化要因の簡単な言及(存在する場合)。
  14. CTAテキスト — 主要なコールトゥアクションを太字アニメーションテキストで表示。
  15. CTAとURLおよびロゴ — CTAとページURL、プロダクトロゴ。クリアなフェードアウト。

プロダクト/機能ページの場合(約8〜10シーン):

  1. フック — 機能名 + 一行ベネフィット、太字アニメーションテキスト。
  2. 問題 — この機能が解決するペインポイント。
  3. 仕組み — ステップ1 — ワークフローの最初のステップ。UIスクリーンショットまたは図と共に。
  4. 仕組み — ステップ2 — 2番目のステップ。ビジュアルウォークスルーの続き。
  5. 仕組み — ステップ3 — 3番目のステップ。フローの動作を示す。
  6. 結果 — ユーザーが達成できること。ビフォーアフターまたは最終状態のビジュアルで成果を表示。
  7. 主要な差別化要因 — この機能を代替品と差別化する点(速度、精度、使いやすさなど)。
  8. ソーシャルプルーフ — この機能に関連する推薦の言葉、指標、またはケーススタディ。
  9. CTAテキスト — 「[機能名]を試す」またはページの特定のコールトゥアクション。
  10. CTAとURLおよびロゴ — CTAとページURL、プロダクトロゴ。クリアなフェードアウト。

フェーズ4 — Ozorプロンプトの生成

## Ozor 動画プロンプト

**ソース:** [ページURLまたはタイトル]
**動画タイプ:** [プロダクトローンチ / ブランド概要 / 機能説明]
**フォーマット:** [16:9 横長 / 9:16 縦長]
**推定時間:** [X秒]
**ターゲットオーディエンス:** [ページコンテンツから導出]

---

### プロンプト(Ozorにコピー&ペースト)

[Product Name]のための[時間]の[動画タイプ]動画を作成してください。[ページからの一行説明]。

[N]シーン:

(1) フック — [ページのヒーロー見出しを、[ダーク/ライト]背景の太字アニメーションテキストとして表示。スタイルはページのビジュアルトーンに合わせる。]

(2) 問題提起 — [ターゲットオーディエンスが直面するペインポイントやフラストレーション。ページコピーから導出。ビジュアル: テキストアニメーションまたは共感を呼ぶアイコン。]

(3) 問題の詳細 — [現状のコストや結果を拡大。ページの統計やシナリオを使用。]

(4) ソリューションの紹介 — [プロダクト名 + 一行説明。問題からソリューションへ移行。ビジュアル: プロダクトロゴの表示または名前のアニメーション。]

(5) ソリューションの詳細 — [プロダクトの動作中。UI、ダッシュボード、または主要なインタラクションを説明。ビジュアル: スクリーンショットまたはスクリーンレコーディング風アニメーション。]

(6) ベネフィット1 — [ページからの最初の価値提案。太字テキストとサポートするアイコンまたはビジュアル。]

(7) ベネフィット2 — [2番目の価値提案。同様の表現。]

(8) ベネフィット3 — [3番目の価値提案。同様の表現。]

(9) ソーシャルプルーフ — 指標 — [顧客数、使用統計、またはパフォーマンス数値をカウンターアニメーションで表示。]

(10) ソーシャルプルーフ — ロゴ/推薦の言葉 — [信頼のロゴのスクロール、または推薦の引用と帰属。]

(11) CTAテキスト — [「ページからの正確なCTA」を太字アニメーションテキストとして表示。緊急性や興奮を醸成。]

(12) CTAとURLおよびロゴ — [「ページからの正確なCTA」とURL「[ページURL]」。[Product]ロゴ。クリアなフェードアウト。]

スタイル: [ページから導出 — ミニマル/大胆/遊び心/コーポレート]。背景: [ページデザインに基づきダーク/ライト]。主要色: [ページから抽出、例: 「#3B82F6」]。タイポグラフィ: [ページに基づきクリーン/モダン/セリフ]。
トーン: [ページコピーから導出 — 自信満々/親しみやすい/技術的/エネルギッシュ]。
オーディエンス: [ページメッセージから導出]。

---

### 注意事項

- このプロンプトを実行する前に、ランディングページのプロダクトスクリーンショットをアップロードしてください
- [抽出されたブランドカラー: #XXXXXX — ブランドキットに記載]
- [セカンダリ動画オプション: 「Instagram Reels用の15秒縦型バージョンはいかがですか?」]
- [ページから優先順位の低かったコンテンツ]

適応ルール

ページがテキストヘビー(長文ランディングページ)の場合:

  • 見出しと主要な主張のみを抽出
  • 詳細な段落は無視 — 動画はパンチが効いている必要あり
  • ページの長さに関わらず、最大10〜12シーンに制限
  • ページが複数の異なるトピックをカバーしている場合は、シリーズを提案

ページが最小限(スタートアップの簡素なランディングページ)の場合:

  • 限られたコピーをそのまま使用 — 水増ししない
  • 動画は短く(15〜30秒)
  • フックとCTAに集中
  • 長いバージョンが必要な場合は、ユーザーにさらにコンテキストを追加するよう提案

ページに強力なソーシャルプルーフがある場合:

  • 一つのシーンを割り当てる
  • 顧客ロゴをスクロールアニメーションで使用
  • 指標はカウンターアニメーションで表示
  • 推薦の言葉は帰属付きで引用

ページがSaaSプロダクトの場合:

  • 少なくとも1シーンでプロダクトUIを表示
  • ダッシュボード/インターフェースのアニメーションを具体的に説明
  • 関連する場合は価格帯の言及を含める
  • すべての機能ではなく、主要なユースケースに焦点を当てる

ページがEコマースプロダクトの場合:

  • プロダクトビジュアルでリード
  • 価格がセールスポイントの場合は価格を含める
  • ソーシャルプルーフ(レビュー、評価)を表示
  • CTAは「今すぐ購入」または「今日注文」

ブランド抽出ガイド

ページを分析する際、ブランド要素を抽出します。

  • 色: ボタン、ヘッダー、アクセントを確認。主要CTAボタンの色が通常ブランドのプライマリカラーです。
  • トーン: コピーのスタイルを読む。短くパンチの効いた文章 = エネルギッシュ/自信満々。詳細な説明 = プロフェッショナル/技術的。カジュアルな言葉遣い = 親しみやすい/温かみ。
  • ビジュアルスタイル: 暗い背景 = モダン/プレミアム。白い背景 = クリーン/ミニマル。カラフル = 遊び心/クリエイティブ。
  • タイポグラフィの印象: 大きく太字の見出し = 自信満々。細くエレガントな書体 = プレミアム。丸みのある親しみやすい書体 = 親しみやすい。

これらの観察結果をプロンプトのスタイルセクションに含め、Ozorがブランドのルック&フィールに合うようにします。

品質チェックリスト

最終プロンプトを提示する前に、以下を確認します。

  • ヒーロー見出しが動画のフックとして使用されている(シーン1)
  • 価値提案が正確に表現されている
  • ページにソーシャルプルーフがあれば含まれている
  • CTAがページの実際のコールトゥアクションと一致している
  • ブランドカラーとスタイルが指定されている
  • 動画が一貫したストーリーを語っている(単なるページセクションのリストではない)
  • 画面上のテキストが短くスキャンしやすい
  • CTAシーンにプロダクトURLが含まれている

ルール

  1. ページのヒーロー見出しは常に動画のフックです。 明確でない限り書き換えないでください。
  2. 抽出し、発明しないでください。 すべての主張、指標、ベネフィットはページから取得する必要があります。不明な点には [要確認: ...] を使用します。
  3. ブランドのビジュアルトーンに合わせます。 遊び心のあるブランドにはエネルギッシュな動画を、コーポレートブランドには洗練された動画を。
  4. CTAシーンには常にURLを含めます。 最終的な目的はページへのトラフィックを促進することです。
  5. プロダクトスクリーンショットのアップロードを推奨します。 ランディングページには通常、Ozorのアセットライブラリに含めるべきヒーロー画像があります。
  6. セカンダリフォーマットを提供します。 ほとんどのランディングページ動画は、16:9版と9:16版の両方があると効果的です。

Individual skills in this repo

This repo contains 5 individual skills — each has its own dedicated page.

ozor-changelog-to-video

Convert changelogs, release notes, and version updates into Ozor.ai video prompts. Use this skill whenever the user has a CHANGELOG.md, release notes, GitHub release, version bump summary, or any list of product changes and wants to turn them into a video. Trigger on phrases like

ozor-doc-to-video

Convert any document into a production-ready Ozor.ai video prompt. Use this skill whenever the user uploads a document (PDF, PowerPoint, Google Doc, Markdown, text file, or URL) and wants to turn it into a video. Also trigger when the user mentions

ozor-prompt-optimizer

Analyze and improve existing Ozor.ai video prompts for better output quality. Use this skill whenever the user has an Ozor prompt that produced mediocre results, wants to improve a video prompt, needs help debugging why a video didn

ozor-social-batch

Generate a batch of social media video prompts for multiple platforms from a single input. Use this skill whenever the user wants to create videos for multiple social platforms at once, repurpose one video across platforms, or create a social media video campaign. Trigger on phrases like

ozor-video-best-practices

Expert guide for crafting high-quality video prompts for Ozor.ai, the AI video generation platform. Use this skill whenever the user mentions Ozor, wants to create a launch video, product demo, feature announcement, explainer video, social ad, release notes video, investor update, tutorial, or any marketing video. Also trigger when the user asks for help writing video prompts, improving video output, structuring video scenes, choosing video formats, or wants best practices for AI video creation. Trigger on phrases like

関連スキル