Thumbnail Concept Brief
What This Skill Does
Produces a detailed, production-ready thumbnail concept brief that a designer or self-producing creator can execute without further instruction.
When To Use This Skill
- You are about to publish a video and need a thumbnail direction before opening a design tool
- You work with a freelance designer and need to communicate exactly what you want without back-and-forth
- You are testing multiple thumbnail concepts and want structured options to compare
- You have a channel visual style and want consistent thumbnail concepts that match it
What You Need To Provide
Required: Video title or topic; target audience; the core emotion or reaction you want the viewer to feel when they see the thumbnail
Optional: Channel color palette or existing visual style; whether a face/presenter should appear; platform context (desktop vs. mobile primary); competitor thumbnails you want to differentiate from; text overlay preferences
How the Assistant Approaches This
- Identifies the single visual idea that most powerfully communicates the video's value — the "one-frame promise" that makes a viewer stop scrolling
- Develops 2–3 distinct concept directions, each with a different emotional or compositional approach (e.g., one curiosity-driven, one results-focused, one identity-based)
- For each concept, specifies: background treatment, foreground subject(s), text overlay (copy, position, size hierarchy), color mood, and any facial expression or gesture if a presenter is shown
- Adds production notes: what to shoot or source, what to avoid, and which concept to prioritize for the first publish
- After the concepts, provides a "Next Step" note: specifying which concept to design first, what to do immediately (open Canva, Photoshop, or brief your designer), and whether to run seo-title-optimizer to ensure the text overlay language matches the SEO title
Output Format
Structured brief with a top-line summary, then 2–3 numbered concept blocks. Each concept block contains: Concept Name, Emotional Hook, Background, Foreground/Subject, Text Overlay, Color Mood, and Production Notes. Total length: 350–500 words. Written in plain English — no design jargon that would confuse a non-designer. Output ends with a "Next Step" note: which concept to design first, what tool or person to use, and whether to run seo-title-optimizer to align the text overlay copy with the video's SEO title.
Quality Criteria
Example
Input
Video title: "Why Your Savings Account Is Losing You Money"
Target audience: Adults 28–45, employed, financially aware but not expert
Core emotion: Shock/urgency — I want them to feel like they're losing something right now
Channel style: Clean, dark background, host appears on right side of frame
Text preference: Short, punchy overlay on left side
Output
Thumbnail Brief — "Why Your Savings Account Is Losing You Money"
One-Frame Promise: The viewer should feel they are already losing money and need to watch immediately.
Concept 1: The Disappearing Money
- Emotional Hook: Loss aversion — the feeling something is being taken from you
- Background: Deep charcoal (#1a1a1a), slightly vigneted edges
- Foreground/Subject: Host on right side of frame, expression: concerned but knowing (slight frown, direct eye contact with camera). Left side: a stack of coins or a wallet with coins visibly falling/disappearing (composite or real prop)
- Text Overlay: Left-aligned, two lines — "YOUR SAVINGS" (white, large) / "ARE SHRINKING" (red, slightly smaller). No punctuation.
- Color Mood: Dark with red accent — conveys danger without feeling cheap
- Production Notes: Shoot host against dark backdrop. Coin prop or Photoshop composite for the falling money element. Avoid stock-image hands holding money (overused in finance thumbnails).
Concept 2: The Number Reveal
- Emotional Hook: Curiosity + specificity — a real number creates urgency
- Background: Clean dark gradient, left to right dark blue to black
- Foreground/Subject: Host, right side, slightly surprised expression, gesturing toward the text element
- Text Overlay: Large central number "-2.3%" in red, with smaller text below: "what your bank won't say"
- Color Mood: High contrast — white and red on dark blue
- Production Notes: The percentage figure should look like a financial terminal readout. Use a monospace font for the number. Host expression must read as genuine alarm, not theatrical shock.
Concept 3: Text-Only (Mobile-First)
- Emotional Hook: Direct challenge — works without a face
- Background: Solid dark red (#8b0000) to black gradient
- Foreground/Subject: No host. Text dominates.
- Text Overlay: Three lines — "YOUR SAVINGS" / "ARE A" / "TRAP" — stacked, white on dark, massive type
- Color Mood: Alarming red — communicates urgency at thumbnail size on a phone
- Production Notes: Use a heavy sans-serif (e.g., Impact, Black weight). Test at 120×68px to ensure readability. Recommended as mobile A/B test against Concept 1.
Recommended for primary publish: Concept 1. Test Concept 3 as mobile variant after initial publish.
Known Limitations
- The assistant cannot view or analyze actual images; if you have reference thumbnails you want to match or differentiate from, describe them in text rather than attaching files
- Color hex values are suggested based on described mood — verify against your actual brand palette before use
- Thumbnail effectiveness is impossible to predict without A/B testing; treat all concepts as hypotheses, not guarantees
- For animated or motion thumbnails (used in some channels), this skill produces static concepts only
Related Skills
1---2name: thumbnail-concept-brief3description: Produces a detailed, production-ready thumbnail concept brief that a designer or self-producing creator can execute without further instruction.4---5# Thumbnail Concept Brief67## What This Skill Does8Produces a detailed, production-ready thumbnail concept brief that a designer or self-producing creator can execute without further instruction.910## When To Use This Skill11- You are about to publish a video and need a thumbnail direction before opening a design tool12- You work with a freelance designer and need to communicate exactly what you want without back-and-forth13- You are testing multiple thumbnail concepts and want structured options to compare14- You have a channel visual style and want consistent thumbnail concepts that match it1516## What You Need To Provide17**Required:** Video title or topic; target audience; the core emotion or reaction you want the viewer to feel when they see the thumbnail18**Optional:** Channel color palette or existing visual style; whether a face/presenter should appear; platform context (desktop vs. mobile primary); competitor thumbnails you want to differentiate from; text overlay preferences1920## How the Assistant Approaches This211. Identifies the single visual idea that most powerfully communicates the video's value — the "one-frame promise" that makes a viewer stop scrolling222. Develops 2–3 distinct concept directions, each with a different emotional or compositional approach (e.g., one curiosity-driven, one results-focused, one identity-based)233. For each concept, specifies: background treatment, foreground subject(s), text overlay (copy, position, size hierarchy), color mood, and any facial expression or gesture if a presenter is shown244. Adds production notes: what to shoot or source, what to avoid, and which concept to prioritize for the first publish255. After the concepts, provides a "Next Step" note: specifying which concept to design first, what to do immediately (open Canva, Photoshop, or brief your designer), and whether to run seo-title-optimizer to ensure the text overlay language matches the SEO title2627## Output Format28Structured brief with a top-line summary, then 2–3 numbered concept blocks. Each concept block contains: Concept Name, Emotional Hook, Background, Foreground/Subject, Text Overlay, Color Mood, and Production Notes. Total length: 350–500 words. Written in plain English — no design jargon that would confuse a non-designer. Output ends with a "Next Step" note: which concept to design first, what tool or person to use, and whether to run seo-title-optimizer to align the text overlay copy with the video's SEO title.2930## Quality Criteria31- [ ] Each concept has a distinct emotional approach — not just visual variations of the same idea32- [ ] Text overlay copy is written out in full, not described generically ("bold text" is not acceptable; "NEVER DO THIS" in red is)33- [ ] Every concept includes specific color or mood direction, not just "bright" or "dark"34- [ ] Production notes flag anything that would require special equipment or permissions35- [ ] At least one concept is optimized for mobile viewing (high contrast, minimal text)36- [ ] Output includes at least one concrete next action the user can take immediately (open the design tool, brief the designer, or run seo-title-optimizer to finalize text overlay copy)3738## Example3940### Input41Video title: "Why Your Savings Account Is Losing You Money"42Target audience: Adults 28–45, employed, financially aware but not expert43Core emotion: Shock/urgency — I want them to feel like they're losing something right now44Channel style: Clean, dark background, host appears on right side of frame45Text preference: Short, punchy overlay on left side4647### Output48**Thumbnail Brief — "Why Your Savings Account Is Losing You Money"**4950**One-Frame Promise:** The viewer should feel they are already losing money and need to watch immediately.5152---5354**Concept 1: The Disappearing Money**55- *Emotional Hook:* Loss aversion — the feeling something is being taken from you56- *Background:* Deep charcoal (#1a1a1a), slightly vigneted edges57- *Foreground/Subject:* Host on right side of frame, expression: concerned but knowing (slight frown, direct eye contact with camera). Left side: a stack of coins or a wallet with coins visibly falling/disappearing (composite or real prop)58- *Text Overlay:* Left-aligned, two lines — "YOUR SAVINGS" (white, large) / "ARE SHRINKING" (red, slightly smaller). No punctuation.59- *Color Mood:* Dark with red accent — conveys danger without feeling cheap60- *Production Notes:* Shoot host against dark backdrop. Coin prop or Photoshop composite for the falling money element. Avoid stock-image hands holding money (overused in finance thumbnails).6162---6364**Concept 2: The Number Reveal**65- *Emotional Hook:* Curiosity + specificity — a real number creates urgency66- *Background:* Clean dark gradient, left to right dark blue to black67- *Foreground/Subject:* Host, right side, slightly surprised expression, gesturing toward the text element68- *Text Overlay:* Large central number "-2.3%" in red, with smaller text below: "what your bank won't say"69- *Color Mood:* High contrast — white and red on dark blue70- *Production Notes:* The percentage figure should look like a financial terminal readout. Use a monospace font for the number. Host expression must read as genuine alarm, not theatrical shock.7172---7374**Concept 3: Text-Only (Mobile-First)**75- *Emotional Hook:* Direct challenge — works without a face76- *Background:* Solid dark red (#8b0000) to black gradient77- *Foreground/Subject:* No host. Text dominates.78- *Text Overlay:* Three lines — "YOUR SAVINGS" / "ARE A" / "TRAP" — stacked, white on dark, massive type79- *Color Mood:* Alarming red — communicates urgency at thumbnail size on a phone80- *Production Notes:* Use a heavy sans-serif (e.g., Impact, Black weight). Test at 120×68px to ensure readability. Recommended as mobile A/B test against Concept 1.8182**Recommended for primary publish:** Concept 1. Test Concept 3 as mobile variant after initial publish.8384## Known Limitations85- The assistant cannot view or analyze actual images; if you have reference thumbnails you want to match or differentiate from, describe them in text rather than attaching files86- Color hex values are suggested based on described mood — verify against your actual brand palette before use87- Thumbnail effectiveness is impossible to predict without A/B testing; treat all concepts as hypotheses, not guarantees88- For animated or motion thumbnails (used in some channels), this skill produces static concepts only8990## Related Skills91- [seo-title-optimizer](../seo-title-optimizer/SKILL.md)92- [hook-generator](../hook-generator/SKILL.md)93- [niche-video-idea-generator](../niche-video-idea-generator/SKILL.md)
ur-grue