Agent skill

Thumbnail Concept Generator

by nicepkg in nicepkg/ai-workflow

Generate thumbnail concepts and ideas for YouTube, TikTok, and other video platforms.

MITAuto-check passed

Install Thumbnail Concept Generator

skills CLI
$ npx skills add nicepkg/ai-workflow --skill thumbnail-concept-generator -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install nicepkg/ai-workflow thumbnail-concept-generator --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/nicepkg/ai-workflow.git skills-src && mkdir -p .claude/skills && cp -r skills-src/workflows/video-creator-workflow/.claude/skills/thumbnail-concept-generator .claude/skills/thumbnail-concept-generator && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
thumbnail-concept-generator
GitHub stars
285
Token cost
~2k tokens
SKILL.md length
173 words
Files
1
Skills in repo
61
Repo updated
First seen
Licence
MIT

At a glance

Generate thumbnail concepts and ideas for YouTube, TikTok, and other video platforms.

  • Works in 4 steps: Faces & Emotions → Text Overlay → Color Psychology → …
  • Planning thumbnails
  • SKILL.md covers Thumbnail Psychology, Thumbnail Elements, Thumbnail Templates by Video… and Concept Output Format, plus 4 more sections
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

Thumbnail Concept Generator is an agent skill from nicepkg/ai-workflow. Generate thumbnail concepts and ideas for YouTube, TikTok, and other video platforms. Creates detailed visual briefs with composition, text, colors, and emotion suggestions. Use when planning thumbnails, improving CTR, or briefing designers.

Its SKILL.md is about 2k tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.

It works with TikTok and YouTube. The repository describes itself as: 🚀 170+ pre-built skills for Claude Code, Cursor, Codex & 14+ AI tools. Stop re-teaching your AI the same things. One command → instant domain expertise. Marketing, SEO, Trading… The licence is MIT.

When your agent uses it

  • Planning thumbnails
  • Briefing designers

Example prompts

  • “/thumbnail-concept-generator”

Workflow steps

4 steps, taken from the step headings in SKILL.md.

  1. Faces & Emotions
  2. Text Overlay
  3. Color Psychology
  4. Composition Rules

What it can do on your machine

Read from SKILL.md and the folder at commit d167b41. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    No scripts in the folder and no shell commands in SKILL.md.

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Thumbnail Concept Generator loads about 2k tokens when it runs. Until then it costs about 67 tokens; SKILL.md has 173 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~67
When it runs · the whole SKILL.md, loaded when a task matches
~2k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from nicepkg/ai-workflow at commit d167b41, republished under its MIT licence (© nicepkg). 173 words, ~2,026 tokens.

Download SKILL.mdSave it as .claude/skills/thumbnail-concept-generator/SKILL.md (or your agent's skills folder).
name
thumbnail-concept-generator
description
Generate thumbnail concepts and ideas for YouTube, TikTok, and other video platforms. Creates detailed visual briefs with composition, text, colors, and emotion suggestions. Use when planning thumbnails, improving CTR, or briefing designers.

Thumbnail Concept Generator

Create click-worthy thumbnail concepts that maximize CTR.

Thumbnail Psychology

📊 THUMBNAIL IMPACT:
- 90% of top-performing videos have custom thumbnails
- Thumbnails are responsible for ~50% of a video's click-through rate
- Viewers decide in <2 seconds whether to click

KEY PRINCIPLE: Thumbnail must work at SMALL sizes (mobile, sidebar)

Thumbnail Elements

1. Faces & Emotions
EMOTION SCALE (from most to least effective):
1. 😱 Shock/Surprise - Wide eyes, open mouth
2. 🤔 Curiosity - Raised eyebrow, intrigued look
3. 😄 Joy/Excitement - Genuine smile, energy
4. 😤 Frustration/Anger - Visible emotion
5. 🤯 Mind-blown - Exaggerated reaction
6. 😢 Sadness - For emotional content

FACE RULES:
- Eyes should be visible and expressive
- Face takes up 30-50% of thumbnail
- Direct eye contact with camera
- Avoid sunglasses/obstructions
2. Text Overlay
TEXT RULES:
- Maximum 3-4 words
- Large, bold, readable at small size
- Contrasting colors (white on dark, dark on light)
- Don't repeat the title exactly
- Use outline/shadow for readability

EFFECTIVE TEXT:
✅ "IT WORKED" / "$10K" / "DON'T BUY" / "vs"
❌ "Watch this video to see what happens when I try..."
3. Color Psychology
RED: Urgency, excitement, warning
YELLOW: Attention, energy, optimism
BLUE: Trust, calm, professional
GREEN: Growth, money, nature
ORANGE: Enthusiasm, creativity
PURPLE: Luxury, creativity
BLACK: Premium, serious, drama
WHITE: Clean, simple, contrast
4. Composition Rules
RULE OF THIRDS: Place key elements at intersection points
Z-PATTERN: Eye travels Z-shape (top-left → top-right → bottom-left → bottom-right)
CONTRAST: Main subject must pop from background
NEGATIVE SPACE: Don't overcrowd - let elements breathe

Thumbnail Templates by Video Type

Tutorial/How-To
┌─────────────────────────────────────┐
│  [RESULT/OUTCOME]   │    FACE      │
│  Text: "EASY"       │  (excited/   │
│  or "5 MIN"         │  helpful)    │
│                     │              │
│  [Tool/Product      │              │
│   being used]       │              │
└─────────────────────────────────────┘

Elements:
- Split screen or diagonal divide
- Before/After if applicable
- Tool/product clearly visible
- Helpful/excited facial expression
Reaction/Commentary
┌─────────────────────────────────────┐
│                                     │
│     [SUBJECT OF REACTION]           │
│                                     │
│              ┌────────┐             │
│              │ FACE   │             │
│              │ (react)│             │
│              └────────┘             │
│     Text: "WHAT?!" or "NO WAY"      │
└─────────────────────────────────────┘

Elements:
- Content being reacted to (screenshot, image)
- Your reaction face (corner or overlay)
- Exaggerated emotion
- 1-2 word reaction text
Product Review
┌─────────────────────────────────────┐
│    [PRODUCT]        │    FACE      │
│    (hero shot)      │  (opinion    │
│                     │   expressed) │
│    "$XXX"           │              │
│    or "★★★★☆"      │  👍 or 👎   │
└─────────────────────────────────────┘

Elements:
- Product prominently displayed
- Price or rating visible
- Your verdict (thumbs, expression)
- Clean, studio-style background
Vlog/Story
┌─────────────────────────────────────┐
│                                     │
│    [DRAMATIC SCENE OR MOMENT]       │
│                                     │
│    Text: Context/Tease              │
│    "IT HAPPENED" / "DAY 30"         │
│                                     │
└─────────────────────────────────────┘

Elements:
- Key moment from video
- Emotional peak captured
- Curiosity-inducing text
- Real/authentic feel
Comparison (vs)
┌─────────────────────────────────────┐
│   [ITEM A]    │ VS │   [ITEM B]    │
│               │    │               │
│   $XX         │    │   $XXX        │
│               │    │               │
│   [Label]     │    │   [Label]     │
└─────────────────────────────────────┘

Elements:
- Clear split/division
- Both items equally visible
- VS in center
- Price or key differentiator
- Optional: Winner indicator
Listicle/Top X
┌─────────────────────────────────────┐
│                                     │
│     "TOP 5"        [Item preview]   │
│     or "7 BEST"                     │
│                     FACE            │
│     [Category]     (excited)        │
│                                     │
└─────────────────────────────────────┘

Elements:
- Number prominent
- Preview of best/first item
- Your face showing enthusiasm
- Category/topic clear

Concept Output Format

═══════════════════════════════════════════════════════════════
THUMBNAIL CONCEPT FOR: [Video Title]
Platform: [YouTube/TikTok Cover]
═══════════════════════════════════════════════════════════════

🎨 CONCEPT A (Recommended):
─────────────────────────────────────────────────────────────
Layout: [Template type]

Visual Elements:
┌─────────────────────────────────────┐
│ [ASCII representation of layout]    │
│                                     │
│                                     │
└─────────────────────────────────────┘

- Background: [Color/setting]
- Main Subject: [What/who is featured]
- Face/Expression: [Emotion to capture]
- Text Overlay: "[Exact text]" - [Font style], [Color]
- Props/Objects: [Items to include]

Colors: Primary [#XXX], Secondary [#XXX], Accent [#XXX]

Why It Works: [Explanation]

📸 PHOTO DIRECTION:
- Camera angle: [Eye level/Above/Below]
- Lighting: [Bright/Dramatic/Natural]
- Expression to capture: [Specific direction]
- Pose: [Description]

🎨 CONCEPT B (Alternative):
─────────────────────────────────────────────────────────────
[Same format, different approach]

💡 A/B TEST SUGGESTION:
─────────────────────────────────────────────────────────────
Test: [Element to test]
Version A: [Description]
Version B: [Description]
Metric: CTR over first 48 hours

⚠️ AVOID:
- [What NOT to do for this specific video]
═══════════════════════════════════════════════════════════════

How to Use

Quick Concept
Generate thumbnail concepts for a video about [topic]
Detailed Request
Create thumbnail concepts:
- Video title: [title]
- Video type: [tutorial/review/vlog/etc.]
- Target emotion: [shock/curiosity/excitement]
- Must include: [product/face/text]
- Style reference: [channel or style]
- Avoid: [anything specific]
Thumbnail for Existing Video
My video "[title]" is getting low CTR.
Current thumbnail: [describe it]
Suggest improvements.

Thumbnail Checklist

Before finalizing:

  • Readable at small size: Test on mobile
  • Face visible and expressive: If using face
  • Text is 3-4 words max: Large, bold
  • Contrasting colors: Subject pops from background
  • Complements title: Doesn't just repeat it
  • Passes squint test: Recognizable when blurry
  • Brand consistent: Recognizable as your channel
  • Platform appropriate: Right aspect ratio

Common Mistakes

MistakeProblemFix
Too much textUnreadable on mobileMax 3-4 words
Low contrastSubject blends into backgroundUse contrasting colors
Small faceEmotion not visibleFace = 30-50% of frame
ClutteredToo many elementsFocus on 2-3 key elements
Boring expressionNo emotional hookExaggerate emotion
Repeats titleWastes spaceComplement, don't repeat
Generic stock lookDoesn't stand outAdd personality/branding

Thumbnail Dimensions

YouTube: 1280 x 720 px (16:9)
TikTok Cover: 1080 x 1920 px (9:16) - choose key frame
Instagram: 1080 x 1080 px (1:1) for feed

© nicepkg, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

Just SKILL.md in workflows/video-creator-workflow/.claude/skills/thumbnail-concept-generator of nicepkg/ai-workflow.

Open the folder on GitHubat commit d167b41

Compare with similar skills

Thumbnail Concept Generator next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Thumbnail Concept Generator compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Thumbnail Concept Generator this skillnicepkg/ai-workflow285—~2kAutomated safety check: PassMIT
Motion Video in Remotionooiyeefei/ccc494—~2.9kAutomated safety check: PassMIT
Threads Carouselitchernetski/threads-carousel-claude-skill107—~3.5kAutomated safety check: PassMIT
Seedance Faceless Channelrediumvex/ai-video-generator-claude405—~4.4kAutomated safety check: PassMIT
AI Marketing VideosNeverSight/learn-skills.dev2163 repos~2.1kAutomated safety check: PassNone
Video Downloaderisjiamu/jiamu-skills139—~1.2kAutomated safety check: PassMIT

Similar skills

  • Builds marketing and explainer videos in Remotion from rendered scenes, with one real product capture as proof, and cuts them for each platform's formats.

    494 GitHub stars~2.9k tokensUpdated 2 mo ago
    Media & CreativeAuto-check passed
  • Threads Carousel

    itchernetski/threads-carousel-claude-skill

    Convert text posts into visual carousel images or presentations for Threads, Instagram, LinkedIn, TikTok, YouTube.

    107 GitHub stars~3.5k tokensUpdated 5 mo ago
    Documents & OfficeAuto-check passed
  • Seedance Faceless Channel

    rediumvex/ai-video-generator-claude

    Generate faceless content video prompts for Seedance 2.0 on Higgsfield.

    405 GitHub stars~4.4k tokensUpdated 1 mo ago
    Media & CreativeAuto-check passed
  • AI Marketing Videos

    NeverSight/learn-skills.dev

    Create AI marketing videos for ads, promos, product launches, and brand content.

    216 GitHub starsUsed in 3 repos~2.1k tokens
    Media & CreativeAuto-check passed
  • Video Downloader

    isjiamu/jiamu-skills

    Download videos from 1000+ websites (YouTube, Bilibili, Twitter/X, TikTok, etc.) using yt-dlp.

    139 GitHub stars~1.2k tokensUpdated 2 mo ago
    Media & CreativeAuto-check passed
  • Yuv Reel Covers

    hoodini/ai-agents-skills

    Generate unified, on-brand Instagram Reel covers for Yuval (YUV.AI Neon Phoenix system) — the signature look is a giant Hebrew headline BEHIND the subject cutout + a punch line IN FRONT (depth…

    282 GitHub stars~1.1k tokensUpdated 2 mo ago
    Media & CreativeAuto-check passed

More from nicepkg/ai-workflow

All 61 skills in this repo
  • Capture Triage

    nicepkg/ai-workflow

    Processes Drafts Pro captures from the Inbox folder. An agent skill from nicepkg/ai-workflow.

    285 GitHub stars~3k tokensUpdated 8 mo ago
    Auto-check passed
  • Legacy To AI Ready

    nicepkg/ai-workflow

    Transform legacy codebases into AI-ready projects with Claude Code configurations.

    285 GitHub stars~2.2k tokensUpdated 8 mo ago
    Auto-check: notes
  • Newsletter Coach

    nicepkg/ai-workflow

    Writing coach that extracts educational content from your daily experiences and turns it into publish-ready newsletter drafts.

    285 GitHub stars~3.7k tokensUpdated 8 mo ago
    Auto-check passed
  • Webfluence

    nicepkg/ai-workflow

    Content web architecture framework. An agent skill from nicepkg/ai-workflow.

    285 GitHub stars~1.4k tokensUpdated 8 mo ago
    Auto-check passed
  • Workflow Creator

    nicepkg/ai-workflow

    Create complete Claude Code workflow directories with curated skills.

    285 GitHub stars~2.6k tokensUpdated 8 mo ago
    Auto-check passed
  • Media Processing

    nicepkg/ai-workflow

    Video/audio/image processing with FFmpeg and ImageMagick. An agent skill from nicepkg/ai-workflow.

    285 GitHub stars~2.4k tokensUpdated 8 mo ago
    Auto-check: notes

Works with

Questions about Thumbnail Concept Generator

What does Thumbnail Concept Generator do?

Generate thumbnail concepts and ideas for YouTube, TikTok, and other video platforms. Thumbnail Concept Generator is an agent skill from nicepkg/ai-workflow. Generate thumbnail concepts and ideas for YouTube, TikTok, and other video platforms.

When should I use Thumbnail Concept Generator?

Thumbnail Concept Generator fits situations like: planning thumbnails; briefing designers.

How do I install Thumbnail Concept Generator in Claude Code?

Run `npx skills add nicepkg/ai-workflow --skill thumbnail-concept-generator -a claude-code`. Or copy the skill folder (workflows/video-creator-workflow/.claude/skills/thumbnail-concept-generator in nicepkg/ai-workflow) into .claude/skills/thumbnail-concept-generator in your project. Claude Code loads it when a task matches its description.

How do I install Thumbnail Concept Generator in Codex?

Run `npx skills add nicepkg/ai-workflow --skill thumbnail-concept-generator -a codex`. Or copy the skill folder (workflows/video-creator-workflow/.claude/skills/thumbnail-concept-generator in nicepkg/ai-workflow) into .agents/skills/thumbnail-concept-generator in your project. Codex loads it when a task matches its description.

Can I use Thumbnail Concept Generator in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add nicepkg/ai-workflow --skill thumbnail-concept-generator -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/thumbnail-concept-generator, .gemini/skills/thumbnail-concept-generator, .github/skills/thumbnail-concept-generator and .opencode/skills/thumbnail-concept-generator in your project.

What does Thumbnail Concept Generator need to run?

SKILL.md names no scripts, command-line tools or credentials: Thumbnail Concept Generator is instructions for the agent only.

Does Thumbnail Concept Generator access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Thumbnail Concept Generator safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Thumbnail Concept Generator use?

Thumbnail Concept Generator is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Thumbnail Concept Generator use?

About 2k tokens (SKILL.md is roughly 8.1k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Thumbnail Concept Generator?

Skills that share tags, products or a category with Thumbnail Concept Generator: Motion Video in Remotion (ooiyeefei/ccc, 494 stars), Threads Carousel (itchernetski/threads-carousel-claude-skill, 107 stars), Seedance Faceless Channel (rediumvex/ai-video-generator-claude, 405 stars) and AI Marketing Videos (NeverSight/learn-skills.dev, 216 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Thumbnail Concept Generator?

nicepkg (a GitHub organization) maintains it in nicepkg/ai-workflow, which has 285 GitHub stars. The repository holds 61 skills in this directory. The repository was last updated on January 20, 2026.

Source: nicepkg/ai-workflow on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.