サムネイルデザイン は何をしますか？
デザインクラフトスキル — 約束を書き、コンセプト＋テキストを設計し、ブリーフを作成し、A/Bテストを計画します。エージェントは設計＋ブリーフ＋計画を行い、人間または画像ツールがラスターを作成し、YouTubeサムネイルはネイティブでアップロード＋テストされます（WoopSocialフィールドはありません）。
視点：ポスターではなく約束 — タイトルと一体化した単位として設計
サムネイルはクリック判断の約70～80%を左右し、視聴者は1秒未満で判断します。そのため、サムネイルの役割は視聴につながるクリックです。2つのルールがすべての基盤となります。サムネイル＋タイトルは1つの単位（サムネイルは見せる、タイトルは伝える — 決して繰り返さない）、そしてそれはポスターではなく約束です。2つ目のルールはプラットフォームによって強化されます。YouTubeのネイティブA/Bテストは生のCTRではなく視聴時間シェアで勝者を決めるため、誤解を招く高クリックのサムネイルは正直なものに負けます。モバイルファーストで設計 — ほとんどの視聴はスマートフォンで行われ、シンプルさとコントラストが勝負です。
最初に読むもの
- brand-profile — チャンネルのスタイル/テンプレート（一貫性のため）。
- 動画とそのタイトル（多くの場合 youtube-publishing-and-metadata/youtube-long-form/youtube-shorts から）。
フレームワーク：CLICK
（詳細: references/the-click-framework.md）
- C — 約束を明確にする: 1文の約束。サムネイル＋タイトルは1つの単位として（見せる vs 伝える、繰り返さない）。ポスターではなく約束。
- L — 1つの焦点に導く: 1～2つのヒーロー要素、最小限の背景、1秒未満で解読可能。方向性を示す要素を1つ。
- I — 本物の感情を呼び起こす: 表情豊かな本物の顔＋視線（文脈を追加する場合のみ、そうでなければ省略）。表情をコンテンツに合わせる。
- C — コントラスト＋簡潔なテキスト: 補色の高いコントラスト（YouTubeの赤/白は避ける、60-30-10、白黒テスト、明暗）。0～4語の太字サンセリフ＋アウトライン、タイトルの重複なし。～168×94でモバイル視認可能。セーフゾーン。1280×720、16:9。
- K — テストを継続する: 意味的に異なる3つのコンセプト、1つの変数。ネイティブのTest & Compareが視聴時間シェアで勝者を選出（Shorts不可、トラフィック必要）。人間がアップロードして実行。ログを維持。ブランド一貫性のあるテンプレート。
現実（四半期ごとに確認）
ポスターではなく約束 ＋ サムネイル＋タイトルを1単位 ＋ 視聴時間によるA/Bがクリックベイトを罰する。3つの原則（シンプルさ/コントラスト/感情）。顔（＋20～30%、本物、視線、未知の顔は悪影響になることも）。コントラスト/色（補色、YTの赤/白を避ける、60-30-10、白黒テスト）。テキスト（0～4語、太字サンセリフ、タイトルの重複なし）。モバイルファースト＋セーフゾーン＋仕様（1280×720、2026年初頭から50MB上限）。ブランド一貫性。ネイティブTest & Compare（視聴時間シェアで勝者、タイトル/組み合わせもテスト、Shorts不可、トラフィック依存）:
references/thumbnail-2026-reality.md。
約束テンプレート、デザインチェックリスト、仕様ブロック、A/B計画＋実践例:
references/design-and-test-recipes.md。
正直な範囲（絶対に違反しない）
- エージェントは約束/コンセプト/テキスト/ブリーフを書き、モックアップを批評できます — しかし人間または画像ツール（
nano-banana/ideogram/Canva/デザイナー）が最終ラスターを作成します。 - YouTubeカスタムサムネイルはStudioでネイティブにアップロード — WoopSocialにサムネイルフィールドはありません — そしてTest & Compareはネイティブです（人間がアップロードして実行）。TikTok/IG-Reelのカバーは異なります。これらは
tiktok-video-publishing/IGスキルを介してWoopSocialのcoverフィールドを使用します。 - クリックベイト禁止（サムネイルは約束を守らなければならない — 視聴時間テストが欺瞞を罰します）。無断の実在人物/ディープフェイクの顔禁止。CTRの捏造禁止（実際のテスト/ネイティブ分析のみ）。
（範囲、区別、接続:
references/scope-and-connections.md）
関連スキルとの区別（正しくルーティングする）
thumbnail-design（これ） = サムネイルデザインのクラフト＋ブリーフ＋A/B計画 · youtube-publishing-and-metadata = タイトル/説明/タグのメタデータ（サムネイルはこちらを参照） · nano-banana/ideogram = このブリーフに基づいてラスターを生成 · tiktok-video-publishing = TikTokのcoverフィールド · hook-writer/caption-writer = テキスト行。
このスキルの接続先
最初に読むもの: brand-profile ＋ 動画/タイトル（youtube-publishing-and-metadata/youtube-long-form/youtube-shorts）。連携するもの: nano-banana/ideogram（ブリーフのレンダリング）、hook-writer（サムネイルの言葉）、youtube-publishing-and-metadata（サムネイルと一体化したタイトル）、experimentation（A/Bの規律）、competitor-analysis（ランキングサムネイルと比較してプレビュー）。引き継ぐもの: 人間によるレンダリング＋YouTubeサムネイルのネイティブアップロード＋Test & Compareの実行。analytics-and-reportingがCTR/視聴時間を読み込みます。ラスター、ネイティブアップロード、ネイティブA/BテストはWoopSocialの外部に残ります。
完了の定義
1文の約束が書かれ、サムネイルがタイトルと一体化して設計されていること（見せる vs 伝える、繰り返しなし）。最小限の背景で1つの焦点があること。本物の顔＋視線（文脈を追加する場合のみ、それ以外はなし）。高いコントラスト（補色、YouTubeの赤/白ではない、60-30-10、白黒テストに合格）で明暗ともに視認可能。タイトルと重複しない0～4語の太字アウトライン付きテキスト。～168×94でモバイル視認可能、セーフゾーン、1280×720の仕様。1つの変数を変えた意味的に異なる3つのコンセプトのA/B計画、視聴時間シェアでネイティブにスコアリング。ラスターは画像ツール/デザイナーに委ね、YouTubeのアップロード＋テストはネイティブStudioに委ねること。クリックベイトなし、無断の顔なし、CTRの捏造なし。youtube-publishing-and-metadataやnano-banana/ideogramと正しく区別されていること。