关于 thumbnail-concept-generator
thumbnail-concept-generator 是面向视频创作者的缩略图构思技能,按视频类型提供布局模板,并结合文字、色彩、表情和构图建议。它还提供缩略图检查清单,帮助评估小尺寸可读性与标题配合。
主要功能
- 01按视频类型提供缩略图模板
- 02运用表情、文字与色彩原则
- 03提供构图和视觉层级建议
- 04附带发布前检查清单
- 05列出常见设计问题及改进方向
适用场景
- 01为教程或产品评测构思缩略图
- 02为现有低点击率视频改进缩略图
- 03按目标情绪规划缩略图元素
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ nicepkg/ ai-workflow --skill thumbnail-concept-generator安装后在 Claude Code 中输入/thumbnail-concept-generator确认已加载。
详细介绍
缩略图创意生成器
创作吸睛的缩略图创意,最大限度提升点击率。
缩略图心理学
📊 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)
缩略图元素
1. 面部与情绪
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 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. 色彩心理学
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. 构图规则
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
不同视频类型的缩略图模板
教程/操作指南
┌─────────────────────────────────────┐
│ [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
反应/评论
┌─────────────────────────────────────┐
│ │
│ [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] │ 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/故事
┌─────────────────────────────────────┐
│ │
│ [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
对比(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
清单/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
创意输出格式
═══════════════════════════════════════════════════════════════
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]
═══════════════════════════════════════════════════════════════
使用方法
快速创意
Generate thumbnail concepts for a video about [topic]
详细需求
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]
为现有视频制作缩略图
My video "[title]" is getting low CTR.
Current thumbnail: [describe it]
Suggest improvements.
缩略图检查清单
定稿前:
- 缩小后仍清晰易读:在手机上测试
- 面部清晰且富有表现力:使用人物面部时
- 文字最多 3-4 个词:字号大、字重粗
- 色彩对比鲜明:主体从背景中突出
- 与标题相辅相成:不要只是重复标题
- 通过眯眼测试:模糊时仍能辨认
- 符合品牌风格:能让人认出你的频道
- 适合平台:使用合适的宽高比
常见错误
| 错误 | 问题 | 修正方法 |
|---|---|---|
| 文字太多 | 在手机上难以辨认 | 最多 3-4 个词 |
| 对比度低 | 主体与背景融为一体 | 使用对比鲜明的颜色 |
| 面部太小 | 看不清情绪 | 面部占画面 30-50% |
| 画面杂乱 | 元素太多 | 聚焦 2-3 个关键元素 |
| 表情乏味 | 缺少情绪吸引力 | 夸张情绪表现 |
| 重复标题 | 浪费空间 | 相辅相成,而非重复 |
| 画面像普通素材 | 缺少辨识度 | 增添个性/品牌元素 |
缩略图尺寸
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
评论
支持 Markdown