Agently/Skill Store/サムネイル案生成スキル
🎨

サムネイル案生成スキル

YouTube動画のサムネイルデザイン案を3パターン提案するスキル。

creativeby agently-team

サムネイル案生成スキル


概要

YouTube動画のサムネイルデザイン案を3パターン提案するスキル。

構図、テキスト、配色、表情の指示を具体的に出力し、デザイナーや画像生成AIに渡せる形にする。


発動条件

「サムネ」「サムネイル」「YouTubeの画像」に関する依頼を受けたとき。


入力で確認すべき情報

1. **動画タイトル / テーマ** — 何の動画か

2. **ターゲット視聴者** — 誰に見てほしいか

3. **チャンネルのジャンル** — 教育 / エンタメ / ビジネス / 美容 等

4. **既存サムネの雰囲気** — 参考URL があれば

5. **出演者の有無** — 顔出し or テキストのみ


サムネイル設計原則


テキストルール

  • **文字数は7文字以内**(日本語)
  • 1サムネ1メッセージ(情報を詰め込まない)
  • タイトルと完全に同じ文言にしない(補完関係にする)
  • 疑問形・数字・感嘆を活用:「え?」「3つの罠」「衝撃の結果」
  • フォント: 太めのゴシック体(視認性優先)
  • 文字の縁取り or 影を付けてコントラスト確保

  • 配色ルール

  • **高コントラスト**: 背景と文字の色差を最大化
  • 効果的な配色パターン:
  • - 黄色背景 + 黒文字(注意喚起)

    - 赤背景 + 白文字(緊急性)

    - 青背景 + 白文字(信頼性)

    - 黒背景 + 黄文字(高級感・衝撃)

  • 色は最大3色に抑える
  • ブランドカラーがあれば1色は統一

  • 構図パターン


    #### パターンA: 人物メイン

  • 顔を大きく配置(サムネの40%以上)
  • 表情は大げさに(驚き、笑顔、真剣)
  • テキストは人物の横 or 上部に配置
  • 目線の先にテキストを配置すると視線誘導効果

  • #### パターンB: テキストメイン

  • 画面中央にテキストを大きく配置
  • 背景は単色 or ぼかした画像
  • テキストに角度をつけてダイナミックに
  • 補助テキストを小さく添える

  • #### パターンC: ビフォーアフター / 比較

  • 左右分割 or 上下分割
  • 矢印で変化を示す
  • 「Before → After」を視覚的に対比
  • 数字で差分を強調

  • スマートフォン視認性

  • 最終確認はスマホサイズ(横幅168px相当)で行う
  • この大きさで文字が読めなければ文字を大きくする or 減らす
  • 細い線や小さいアイコンは見えないので使わない

  • 競合分析の視点

  • 同じキーワードで検索した上位10動画のサムネを分析
  • 共通パターンを把握した上で「差別化ポイント」を提案
  • 色かぶりを避ける(競合が青系なら赤系にする等)

  • 出力フォーマット(3案)


    各案に以下を含める:


    ```

    案1: [コンセプト名]


    **テキスト**: 「〇〇〇」(◯文字)

    **構図**: [人物メイン / テキストメイン / 比較 等]

    **配色**:

    - 背景: #色コード(色名)

    - テキスト: #色コード(色名)

    - アクセント: #色コード(色名)

    **人物指示**: [表情・ポーズ・位置の指示]

    **レイアウト詳細**:

    - テキスト位置: [左上 / 中央 / 右下 等]

    - テキストサイズ: [画面の◯%]

    - 追加要素: [矢印 / 吹き出し / バッジ 等]

    **狙い**: このデザインが効果的な理由を1文で

    ```


    提案後のアドバイス

  • 3案のうちどれが最も効果的か、理由とともに推薦する
  • A/Bテストの提案(2案をアップロードしてCTRを比較)
  • 投稿後48時間のCTRが5%未満なら差し替え検討を推奨