Produces a detailed, production-ready thumbnail concept brief that a designer or self-producing creator can execute without further instruction.
Scanned 9/5/2026
Install to Claude Code
npx -y skills add ur-grue/autopunk-media-skills --skill thumbnail-concept-brief --agent claude-codeInstalls into .claude/skills of the current project.
Are you the author of Thumbnail Concept Brief?
Add the live security badge to your README — it updates automatically with every re-scan.
[](https://www.skillsdirectory.com/skills/ur-grue-thumbnail-concept-brief)More formats (shields.io, HTML) on the badges page.
---
name: thumbnail-concept-brief
description: "Produces a detailed, production-ready thumbnail concept brief that a designer or self-producing creator can execute without further instruction."
status: stable
category: youtube
subcategory: pre-production
version: 1.0
eval_score: 4.4
tags: [youtube, pre-production, thumbnails, visual, design-brief]
---
# 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
1. Identifies the single visual idea that most powerfully communicates the video's value — the "one-frame promise" that makes a viewer stop scrolling
2. 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)
3. 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
4. Adds production notes: what to shoot or source, what to avoid, and which concept to prioritize for the first publish
5. 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
- [ ] Each concept has a distinct emotional approach — not just visual variations of the same idea
- [ ] Text overlay copy is written out in full, not described generically ("bold text" is not acceptable; "NEVER DO THIS" in red is)
- [ ] Every concept includes specific color or mood direction, not just "bright" or "dark"
- [ ] Production notes flag anything that would require special equipment or permissions
- [ ] At least one concept is optimized for mobile viewing (high contrast, minimal text)
- [ ] 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)
## 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
- [seo-title-optimizer](../seo-title-optimizer/SKILL.md)
- [hook-generator](../hook-generator/SKILL.md)
- [niche-video-idea-generator](../niche-video-idea-generator/SKILL.md)
Is this your skill, or is something wrong with this listing? Request removal or report an issue. Author removals are honored within 72 hours.
No comments yet. Be the first to comment!