Community画像github.com

mrvsubstack/yt-thumbnail-brief

動画のアイデアとタイトルから、デザイナーがすぐに実行できるサムネイルブリーフを生成します。1つの焦点被写体、顔と名前付きの感情(またはヒーローオブジェクト)、タイトルを繰り返さない4語以下のオーバーレイテキスト、コントラスト、構図、スマホサイズでの可読性テストを考慮し、YouTubeのテスト&比較向けに2~3コンセプトを提供します。

yt-thumbnail-brief とは?

このスキルは、YouTube動画のタイトルと内容から、デザイナーや画像生成ツールがそのまま使えるサムネイルブリーフを作成します。重要なのは、タイトルとサムネイルが文を完成させるように連携することです。タイトルが主張を述べ、サムネイルが感情や証拠を追加します。スキルは、被写体、感情、テキスト、コントラスト、構図、スマホテストの5つの非交渉条件をチェックし、テスト&比較で意味のある結果を得るために、一度に1つの大きな要素だけを変更したコンセプトを複数提案します。ブリーフはマークダウンテンプレートで出力され、必要に応じて画像生成ツール用のプロンプトも含まれます。このスキルは画像を生成するのではなく、テキストによるブリーフを作成します。

対応✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/mrvsubstack/youtube-skills/tree/HEAD/skills/yt-thumbnail-brief

Installed? Explore more 画像 skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →

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

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

ドキュメント

YouTube サムネイルブリーフ

タイトル、動画の内容、持っているアセット(あなたの顔、スクリーン、商品など)を渡すと、デザイナーや画像ツールが追加の質問を一切せずに実行できるサムネイルコンセプトを2~3つ返します。

このスキルは言葉を書き、ピクセルは書きません。ブリーフが成果物です。


核となる発見: サムネイルはタイトルの文を完成させる

タイトルとサムネイルは1秒未満で一緒に読まれます。両者が同じことを言っている場合、パッケージの半分を無駄にしています。

無駄: タイトル「I Quit My Job to Freelance」、サムネイルテキスト「I QUIT MY JOB」 分割: タイトル「I Quit My Job to Freelance」、サムネイルは残高0ポンドの銀行アプリとしかめ面のあなたの顔。テキスト: 「MONTH 1」

タイトルが主張をします。サムネイルが感情、リスク、または証拠を追加します。一緒になって、どちらか単独では語れないストーリーを紡ぎます。このスキルのすべてのコンセプトは、その分割を書き下ろすことから始まります。


インプット

  1. タイトル(最終版または作業中)。ない場合は、最初に「yt-title-optimizer」を実行するか、両方を一緒にドラフトします。
  2. **成果とトーン。**視聴者は何を得られ、どのように感じるべきか(安心、衝撃、好奇心、落ち着き)。
  3. **アセット。**カメラに映れますか?表示する価値のあるスクリーン、商品、結果、場所はありますか?
  4. 動画の中で最も視覚的な瞬間
  5. **チャンネルの見た目。**色、フォント、または繰り返し使われるスタイルがあれば。
  6. **長尺かショートか。**ショーツのサムネイルは表示頻度がはるかに低いです。軽めにブリーフします。

顔が利用できない場合のデフォルト: オブジェクトまたは結果を中心に構築します。動画にない瞬間を決して偽装しないでください。


5つの非交渉条件

  1. **焦点は1つ。**1つの顔、または1つのオブジェクトがフレームを支配します。
    • 悪い例 → あなた、ラップトップ、3つのロゴ、グラフ。
    • 良い例 → 右3分の1のあなたの顔、背後に1本の光るグラフ線。
  2. **本物で読み取れる感情。**顔がある場合は、感情に名前を付け(恐怖、喜び、不信、集中)、動画がそれを裏付けることを確認します。
    • 悪い例 → 穏やかなチュートリアルで驚いた顔。
    • 良い例 → 「ようやく直った」動画での静かな満足げな笑み。
  3. **高いコントラストと分離。**被写体が背景から浮かび上がります。あなたのニッチのフィードがすでに飽和していない色を選びます。
  4. **4語以下、タイトルの言葉は使わない。**句読点なし、完全な文なし。
    • 悪い例 → 「HOW I GREW MY NEWSLETTER FAST!」
    • 良い例 → 「0 → 5,000」
  5. **スマホテストに合格する。**指先のサイズに縮めます。感情とテキストがまだ読める必要があります。詳細がつぶれる場合は削除します。

手順

  1. 分割を書く。「タイトルは___と言う。サムネイルは___を担う。」
  2. **テストするレバーを選ぶ。**各コンセプトは1つの大きな要素を変え、A/Bテストの結果に意味を持たせます:
    • 顔 vs オブジェクト
    • テキストあり vs なし
    • 暖色 vs 寒色(支配的な色)
    • ビフォー vs アフター
  3. 以下のテンプレートを使って各コンセプトのブリーフを埋める。
  4. **各コンセプトに5つの非交渉条件を適用する。**スマホテストでリスクのあるコンセプトにはフラグを立てます。
  5. **リードコンセプトを推薦する。**テスト&比較は視聴時間で判定するため、最も好奇心をそそる視聴者ではなく、適切な視聴者を引き寄せるコンセプトを優先します。
  6. **ユーザーが画像生成を希望する場合、画像ツール用のプロンプトを追加する。**被写体、感情、構図、照明、背景を1段落で説明します。テキストオーバーレイは後でデザインツールで追加します(画像モデルは文字をまだうまく扱えないため)。

ブリーフテンプレート(コンセプトごとに1つ)

コンセプト [A/B/C]: [短い名前]
テストするレバー: [顔 vs オブジェクト / テキストあり vs なし / 色 / ビフォー-アフター]

分割
タイトルは言う: [...]
サムネイルは担う: [...]

焦点被写体
[顔 + 名前付きの感情、または単一のオブジェクト/結果]

テキストオーバーレイ
言葉: [4語以下、句読点なし、タイトルの言葉は使わない]
配置: [顔の反対側 / 左上など]
スタイル: [太さ、色、強調する1語]

背景とコントラスト
[色、照明、被写体の分離方法]

構図
[三分割法の位置、視線の方向、トリミング]

スマホテスト
[指先サイズで残すべきもの、残せない場合は削除するもの]

実例

入力: タイトル「I Let Claude Run My Newsletter for 30 Days」。成果: 開封率は維持、1号は大失敗。顔あり。チャンネルカラー: ネイビーとオレンジ。

コンセプトA: 緊張の引き渡し

  • 分割: タイトルは「Claudeが30日間運営した」と言う。サムネイルはリスクを担う。
  • 焦点被写体: あなたの顔、眉毛を上げ、歯を食いしばっている(緊張した期待)。
  • テキスト: 「DAY 30」をオレンジで。
  • 背景: 暗いネイビー、ラップトップの明かりが下からあなたの顔を照らす。
  • 構図: 顔を右3分の1に、テキストを見るために左を向く。
  • スマホテスト: 顔と「DAY 30」が読めること。画面のテキストが見える場合は削除。

コンセプトB: 結果、顔なし

  • レバー: オブジェクト vs 顔。
  • 焦点被写体: 1つのスマホ画面。受信トレイに1つの件名が赤でハイライトされている。
  • テキスト: なし。赤いハイライトが役割を果たす。
  • スマホテスト: 赤い線が読めること。読めない場合は、スマホをフレームの70%まで拡大。

**リードはA。**この動画は個人的な実験であり、感情がリスクを売り込む。Bは、視聴者が性格よりも証拠をクリックするかどうかをテストする。


出力形式

## サムネイルブリーフ: [タイトル]

分割: タイトルは[x]と言う / サムネイルは[y]を担う

[コンセプトAのブリーフ]
[コンセプトBのブリーフ]
[コンセプトCのブリーフ、オプション]

リードコンセプト: [A/B/C]、理由: [1行]
画像ツール用プロンプト(オプション): [1段落、画像内にテキストなし]

関連スキル

  • yt-title-optimizer: 最初にタイトルを書くか磨く。両者はペアです。
  • yt-hook-scripter: 冒頭の数秒はサムネイルの感情と一致させる必要があります。
  • yt-content-planner: 1か月分のタイトルとサムネイルのアングルを計画します。
  • youtube-thumbnail-design(インストールされている場合): このブリーフを実際の画像に変換します。

出発前チェックリスト

  • すべてのコンセプトについて分割が書き留められている。
  • 各コンセプトに焦点は1つ。顔がある場合は、名前付きで裏付けられた感情がある。
  • オーバーレイテキストは4語以下、句読点なし、タイトルの言葉は使っていない。
  • すべてのコンセプトがスマホテストに合格するか、リスクがフラグされている。
  • コンセプトは1つの大きなレバーを変えており、5つの小さなものではない。
  • 動画内で起こらないことは表示されていない。
  • リードコンセプトが理由とともに指定されている。

関連スキル