Skip to content
Content
Skill

/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.

From plugin
storytelling-skills
99 skills
Install
$ npx -y skills add yaxeen/storytelling-skills --skill titles-and-thumbnails --agent claude-code

How it fires

How this skill gets triggered: by you, by Claude, or both.

  • Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.Auto-invocation is when the right skill fires by itself at the right moment, driven by a FLOW.md router and a hook, instead of you invoking it by name. It is the difference between a skill being installed and a skill actually getting used.Read the full definition →
  • You can call itInvoke it directly when you want it.
  • Slash command/titles-and-thumbnails

Context preview

The summary Claude sees to decide when to auto-load this skill.

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.

SKILL.md

titles-and-thumbnails.SKILL.md
name: titles-and-thumbnails
description: 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.

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?
Read more
Ships withstorytelling-skills

A suite of nine Claude Code skills that apply the same six psychology-based storytelling levers across every content format — short-form video, long-form YouTube, titles & thumbnails, carousels, email, and website wireframes — plus a post-publish loop that

Get the whole plugin
Stats
9
Stars
0
Forks
Maintained
Maintenance
PowerShell
Language
MIT
License
2mo ago
Last commit
2mo ago
Created

Repo: yaxeen/storytelling-skills

Other skills on storytelling-skills.