# Titles And Thumbnails

> Use when writing YouTube/video titles, designing thumbnail concepts, or diagnosing low click-through rate for any niche or business — whenever a title and thumbnail must win the click without clickbaiting.

- **Type:** Skill
- **Install:** `agentstack add skill-yaxeen-storytelling-skills-titles-and-thumbnails`
- **Verified:** Yes — security-reviewed for prompt injection and unsafe behavior
- **Seller:** [yaxeen](https://agentstack.voostack.com/s/yaxeen)
- **Installs:** 0
- **Category:** [Content & Media](https://agentstack.voostack.com/c/content-and-media)
- **Latest version:** 0.1.0
- **License:** MIT
- **Upstream author:** [yaxeen](https://github.com/yaxeen)
- **Source:** https://github.com/yaxeen/storytelling-skills/tree/main/skills/titles-and-thumbnails

## Install

```sh
agentstack add skill-yaxeen-storytelling-skills-titles-and-thumbnails
```

Requires the [AgentStack CLI](https://agentstack.voostack.com/docs/cli). Works with Claude Code, Cursor, and any MCP-compatible agent.

## About

# Titles & Thumbnails

- The click is one decision made in under a second — title and thumbnail are designed **together as a pair**, never in isolation.
- They must **complement, not repeat**: the thumbnail shows the emotion/stakes, the title names the gap (or vice versa). If both say the same thing, you waste half the real estate.
- **The pack's job is the right click, not the most clicks.** A title that pulls the wrong viewers spikes CTR and kills retention — which suppresses the video. Keep a qualifying signal (audience, situation, stakes) in the pair.
- Built on the six levers — see **storytelling-hooks**. Recap: 1. Curiosity gap · 2. Emotional mirror · 3. Conflict engine · 4. Relatability · 5. Pattern + surprise · 6. Three-act.

## When to Use

- Writing a video title or a batch of title variations.
- Designing or briefing a thumbnail concept.
- Diagnosing low click-through rate (CTR) on existing uploads.
- Any niche: tutorials, vlogs, business, finance, faith, entertainment.

## The Pairing Principle (Quick Reference)

| Thumbnail does | Title does |
|----------------|------------|
| Emotion + stakes (visual) | The curiosity gap (words) |
| One focal subject | The specific promise/number |
| Shows the "what" | Asks/implies the "why/how" |

- **Test:** cover the title — does the thumbnail still raise a question? Cover the thumbnail — does the title still pull? Both should pass.

## Title Formulas

- **Curiosity gap:** "The one [thing] nobody tells you about [topic]."
- **Stakes/loss:** "This [mistake] is costing you [outcome]."
- **Result-first:** "How I [result] in [timeframe] (without [expected cost])."
- **Pattern break:** "Everyone does [common thing]. Here's why it's wrong."
- **Specific number:** "[N] [things] that [outcome]." Concrete numbers beat vague ("7 settings" > "some settings").
- **Question gap:** "Why does [surprising thing] happen?"
- Rules:
  - Front-load the hook word — mobile shows roughly the first 40 characters; keep the full title ≤ ~60.
  - One idea per title; don't stack two gaps.
  - Promise something the video actually delivers (broken promises tank retention and the algorithm).
  - Write 5–10 variants — cover at least 4 different formulas above, don't write 8 versions of one.
  - Pick by **sharpest gap + best fit for the target viewer** — not raw breadth. Relatability serves the audience you want, not everyone.

## Thumbnail Concept Patterns

- **Single focal point:** one subject, instantly readable at small size. Clutter loses.
- **Emotion on a face:** genuine expression (shock, joy, worry) triggers the emotional mirror.
- **Contrast / before-after:** two states side by side create instant conflict.
- **The object of curiosity:** show the unnamed "thing" partially or circled.
- **Scale/number callout:** a big bold number or stakes figure.
- **Directional cues:** eyes, arrows, or gaze pointing at the focal element.
- Craft rules:
  - High contrast, few colors, large readable text (≤4 words).
  - Readable as a thumbnail-sized image AND on desktop — check both.
  - Faces large; expressions exaggerated but believable.
  - Text on thumbnail must NOT duplicate the title — add the missing half.

## Generation Workflow

1. **Intake.** Confirm: topic and what the video actually delivers (real numbers, real outcome), target viewer in one sentence, and channel tone. Ask if missing when the user can respond; otherwise state assumptions up front — never invent "concrete" numbers silently.
2. **Variants.** Write 5–10 titles across ≥4 formulas; note which formula each uses. Read **patterns.md** (same folder) for fill-in structures per formula plus thumbnail concepts and overlay pairings — adapt, don't copy.
3. **Select.** Show all variants, then recommend 1–2, saying which gap each opens and who it qualifies.
4. **Pair.** For each recommended title, deliver a thumbnail brief: focal point, expression/emotion, overlay text (≤4 words, the *other* half of the story), contrast element, color/craft notes.
5. **Test.** Run the cover-one-half pairing test and the honesty check on every recommended pair; state the results.

## Bad → Good Rewrite

- ❌ "Meal Prep Tips for Students" — a topic label: no gap, no stakes, no number, qualifies no one strongly.
- ✅ "How I Eat All Week on $25 as a College Student (No Ramen)" — result-first + concrete number + qualifier ("college student") + a pattern break ("no ramen") that kills the expected objection. (The $25 here is illustrative — in real work the number comes from intake, never invented.)

## Curiosity Without Clickbait

- Clickbait = a gap the video never closes → high CTR, dead retention, suppressed reach.
- Honest hook = a real gap the video genuinely pays off.
- If the most dramatic frame isn't in the video, don't put it on the thumbnail.

## Common Mistakes

| Mistake | Fix |
|---------|-----|
| Thumbnail text repeats the title | Overlay carries the other half (reframe the number, show the stakes) |
| Optimizing for the most clicks | Optimize for the *right* viewer — qualify in the title or thumbnail |
| Vague words where numbers exist | Ask for the real figure; never fabricate one |
| 8 variants of one formula | Spread variants across ≥4 formulas |
| Hook word buried at the end | Front-load — assume only ~40 characters show |
| Promise the video can't keep | Honesty check before delivery; adjust the claim, not the video |

## Click-Through Checklist

- [ ] Do title and thumbnail say *different* halves of the same story?
- [ ] Does the pair qualify the target viewer, not just maximize clicks?
- [ ] Does the thumbnail read clearly at small/mobile size?
- [ ] One focal subject, genuine emotion or clear contrast?
- [ ] Title front-loads the hook word and fits mobile truncation?
- [ ] At least one concrete number or specific where facts allow?
- [ ] Is the promise something the video actually delivers?
- [ ] Did you write 5+ title variants before choosing?

## Related

- **storytelling-hooks** — the six levers behind the gap.
- **long-form-youtube** — the video the click must deliver on.

## Source & license

This open-source skill is cataloged on AgentStack and links to its original source — we do not rehost the code.

- **Author:** [yaxeen](https://github.com/yaxeen)
- **Source:** [yaxeen/storytelling-skills](https://github.com/yaxeen/storytelling-skills)
- **License:** MIT

Install and usage instructions live in the source repository linked above.

## Pricing

- **Free** — Free

## Security capabilities

Automated source analysis of v0.1.0 — what this tool can access:

- **Network access:** no
- **Filesystem access:** no
- **Shell / process execution:** no
- **Environment & secrets:** no
- **Dynamic code execution:** no

*"Yes" means the capability is present in the source — more access means more to trust, not that it is unsafe.*


## Versions

- **0.1.0** — security scan: passed — Imported from the upstream source.

## Links

- Listing page: https://agentstack.voostack.com/l/skill-yaxeen-storytelling-skills-titles-and-thumbnails
- Seller: https://agentstack.voostack.com/s/yaxeen
- Browse the marketplace: https://agentstack.voostack.com/browse

---
Listed on AgentStack — the marketplace for AI agent skills and MCP servers. Every listing is security-reviewed. Creators keep 70%.