关于 thumbnail-generator
用于编写缩略图和图像生成提示词的技能,采用统一的视觉风格,将写实摄影场景与未来感叠加元素结合,并提供构图、配色、平台比例和文字覆盖规范。
主要功能
- 01结合写实场景与未来感叠加元素
- 02提供可复用的提示词公式
- 03规定构图和配色方式
- 04列出视觉主题及平台画面比例
- 05设定文字覆盖限制
适用场景
- 01编写 YouTube 缩略图提示词
- 02准备社交媒体配图
- 03为科技主题制作风格一致的图像
安装
复制下面的命令,在终端中运行。
npx skills add https:/ / github.com/ aiagentwithdhruv/ skills --skill thumbnail-generator安装后在 Claude Code 中输入/thumbnail-generator确认已加载。
详细介绍
缩略图和图像提示词生成器
目标
生成令人惊叹、富有电影感的 AI 图像提示词,打造与好莱坞电影剧照难以区分的缩略图和视觉素材。每条提示词都遵循 Dhruv 久经验证的视觉风格,并运用来自 Midjourney V7、Ideogram V3 和 fal.ai 研究成果的先进提示词工程技巧。
黄金法则——写实底图 + 未来感叠加
最好的缩略图看起来像一张真实照片,上面叠加了未来感元素。不是完整 CGI,也不是过度处理的 AI 艺术图。
有效的组合:
- 真实的木质桌面/自然的工作空间(暖棕色调)——不是冷冰冰的科幻场景
- 自然的肤色、照在脸上的真实光线——不是塑料感的 AI 皮肤
- 显示实际应用界面的真实 MacBook Pro 屏幕——不是发光的抽象屏幕
- 然后叠加:霓虹光效点缀、悬浮的全息图标、磨砂玻璃面板、发光的连接线
- 细微的体积雾/薄雾——不要让特效喧宾夺主
**想象一下:**在真实房间里用 iPhone 拍照 → 后期添加悬浮的全息元素
黄金标准——Conversa AI 缩略图(最佳效果)
这是未来所有缩略图都应在质量和构图上对齐的参考图:
它为何表现最佳:
- 布局简洁——不杂乱,各元素分区排列(左侧 = 技术徽章,中间 = 人物 + 笔记本电脑,右侧 = 应用界面)
- 左侧垂直排列技术栈徽章——Next.js、FastAPI、MongoDB、Redis、AWS 以简洁的胶囊形标签垂直堆叠
- MacBook 显示真实应用界面——实际的聊天界面,能看到文件上传、GPT-4o Vision 标签和对话气泡
- 带青绿色/枪灰色银蓝色霓虹边框的磨砂玻璃面板——面板边缘带冷色金属光泽(不要用粉色/紫色——使用青绿色 + 枪灰色银色)
- 开发者在笔记本电脑前工作——姿势自然,正在打字,而不是盯着镜头。自信但自然
- 温暖的暗色房间——后方书架/植物呈模糊效果,台灯散发暖光,不是纯黑虚空
- 青绿色/金属银蓝色霓虹光效只用于悬浮 UI 面板——房间本身保持温暖自然
- 右下角的小型代码卡片——磨砂玻璃上显示 "Python" 代码片段,增强可信度
- 不要过度拥挤——元素之间留有空间,构图简洁
生成这张最佳缩略图的提示词:
Photorealistic DSLR-quality photo. Young Indian male developer with short hair, trimmed beard, and glasses, wearing a plain black t-shirt, sitting at a natural wooden desk working on a MacBook Pro. The laptop screen shows a dark-themed AI chat interface with GPT-4o Vision, file upload area showing PDF, DOCX, image options, and conversation bubbles. On the left side, clean vertical badge-style labels: Next.js, FastAPI, MongoDB, Redis, AWS — stacked neatly with colored brand icons. Floating beside him: frosted glass panels with teal and gunmetal silver-blue neon glow borders showing chat interface previews and a small Python code snippet card. Dark moody room with warm ambient light, bookshelf with plants softly blurred in background. Natural skin tones, warm room lighting with teal and metallic silver-blue neon accents only from the floating panels. Clean composition with breathing room between elements. Photorealistic, 8K, sharp focus, shallow depth of field, DSLR quality, 16:9 YouTube thumbnail ratio.
这张最佳缩略图的构图规则:
LEFT zone: Tech stack badges (vertical list, clean pills with brand colors)
CENTER zone: Developer + MacBook Pro (the anchor, largest element)
RIGHT zone: Floating app UI previews (frosted glass + neon border)
BOTTOM: Small credibility element (code snippet, terminal card)
TOP: Open space for text overlay
关键规则——绝不违反
- 始终穿纯黑 T 恤——绝不穿连帽衫、夹克、西装或其他衣服
- 始终采用写实底图——真实房间、天然木质桌面、温暖的环境光、自然肤色
- 始终使用 MacBook Pro,且屏幕上显示实际应用/终端
- 始终包含具体细节——真实的应用名称、真实数字、真实工具
- 未来感元素必须作为叠加层——悬浮图标、霓虹发光线条、全息面板都叠加在写实底图之上
- 绝不采用完整 CGI/科幻风格——首先必须让人感觉像真实照片,其次才是未来感
- 绝不过度处理——70% 写实摄影,30% 未来感元素
- 始终包含画质修饰词——8K、焦点清晰、照片级真实感、自然光线
Dhruv 的视觉风格(固定)
Subject: Young Indian male developer, short hair, trimmed beard, glasses, plain black t-shirt
Setting: Real workspace — natural wooden desk, warm ambient room lighting, slightly dark/moody
Background: Dark room with warm undertones — NOT pure black, NOT bright white
Subtle bokeh from room lights, plant or shelf visible in soft blur
MacBook: Real MacBook Pro showing actual app UI or terminal on screen
Pose: Confident — arms crossed with smirk, focused at laptop, or sleeping (automation)
Skin: Natural skin tones, realistic lighting on face — NOT plastic/AI-smoothed
Futuristic: Floating holographic elements, neon glow lines, frosted glass panels — as OVERLAYS
Vibe: "Real developer in real room, but with superhuman capabilities visible around him"
色彩系统——写实底图 + 霓虹叠加
房间(写实——占图像的 70%)
Desk: Natural warm wood / brown desk (real, not CGI)
Room: Dark moody room with warm ambient light (think evening study room)
Ambient: Warm undertones from room — soft yellow/warm white from desk lamp or monitor glow
Skin: Natural warm skin tones — realistic face lighting from laptop screen
叠加层(未来感——占图像的 30%)
DEFAULT: Teal (#00D4FF) + gunmetal silver-blue (#8BA4B8) — cool, metallic, futuristic
This is the DEFAULT for all thumbnails. Clean, professional, premium feel.
Purple Neon: #9B30FF — ONLY for ghost copies / automation / cloning topics
Frosted Glass: Semi-transparent panels with subtle blur + teal/gunmetal edge glow
Green: Terminal green text on MacBook screen — for credibility/tech feel
如何选择
- 青绿色 + 枪灰色银色 = 默认适用于所有内容(技术、部署、MCP、API、课程、常规内容)
- 紫色光效 = 仅用于幽灵副本/自动化/克隆/“AI 工作时自己睡觉”主题
- 两者混用 = 主题同时涉及自动化和技术栈时
主提示词公式
**第 1 层(写实底图):**描述在真实房间里拍摄的真实照片 **第 2 层(未来感叠加):**在上方添加悬浮的全息元素
[Real photo setup — natural wooden desk, dark room, warm light]. Young Indian male developer with short hair, trimmed beard, and glasses, wearing a plain black t-shirt, [pose]. MacBook Pro open showing [actual UI/terminal]. [THEN the futuristic overlay — floating holographic icons, neon glow connections, frosted glass panels around him]. [Specific details — real app names, numbers, tools]. Natural skin tones, warm room lighting with [purple/teal] neon accents from the floating elements, photorealistic, 8K, sharp focus, [RATIO].
画质修饰词(始终包含)
photorealistic, 8K, sharp focus, natural skin tones,
professional photography, cinematic color grading, DSLR quality,
shallow depth of field, realistic lighting
光线——两层
Room layer: Warm ambient light, laptop screen glow on face, soft shadows, natural
Overlay layer: Subtle neon rim light from floating elements, teal/purple glow on edges only
NOT drowning the whole scene in neon — just accents
浮动元素的材质关键词
frosted glass, glassmorphism, semi-transparent, holographic,
neon edge glow, translucent with blur, glowing connection lines
**关键洞察:**浮动元素发出霓虹光。房间本身保持温暖自然。温暖的房间与冷色霓虹叠加层之间的对比,正是营造高级质感的关键。
各平台比例
| 平台 | 比例 | 风格 |
|---|---|---|
| YouTube 缩略图 | 16:9 | 醒目,可以复杂 |
| LinkedIn 帖子 | 4:5 | 更简洁、更专业 |
| Instagram/Reels 封面 | 9:16 或 1:1 | 突出人脸、极简 |
| Twitter/X 页眉 | 3:1 | 宽幅电影感 |
| 课程/训练营横幅 | 16:9 | 专业且有科技感 |
7 种经验证的视觉钩子
1. 幽灵分身(自动化、AI Agent、效率)
**配色:**紫色霓虹(A)
[X] translucent purple ghost copies of himself working simultaneously — one [task 1], one [task 2], one [task 3]. Each ghost has a neon purple glow outline. The real developer [pose] in the center. Holographic glassmorphism UI panels floating near each ghost.
2. 全息指挥中心(全栈、仪表板、多工具)
**配色:**蓝色金属质感(B)
Surrounded by floating holographic displays showing [specific content]. Frosted glass UI panels with teal and cyan neon glow. Brushed aluminum desk surface reflecting holographic light. Semi-transparent data dashboards layered at different depths.
3. 流水线流程(CI/CD、部署、工作流)
**配色:**蓝色金属质感(B)
Above the laptop, a holographic pipeline showing: "[Step 1] → [Step 2] → [Step 3]" with green checkmarks on each step. Glowing cyan connection lines between stages. Each stage rendered as a frosted glass card with the tool's logo. Chrome connectors between cards.
4. 前后对比拆分画面(转变、效率)
**配色:**混合(左侧红色/暖色,右侧蓝色/冷色)
Split image. Left side (warm red tint, stressed): [chaotic scene — multiple tabs, overwhelmed]. Right side (cool teal tint, calm): [clean automated scene — single terminal, everything flowing]. Dramatic frosted glass dividing line in center with neon glow.
5. USB/连接枢纽(MCP、API、集成)
**配色:**蓝色金属质感(B)
Holding a glowing USB cable/connection hub that splits into [X] glowing cyan connections, each plugging into a floating frosted glass icon panel: [service 1], [service 2], [service 3]. Chrome and brushed metal cable connectors. Behind him, massive dark screen showing "[CONCEPT]" in bold neon cyan letters.
6. 幽灵工作时安然入睡(被动收入、自动化运行)
**配色:**紫色霓虹(A)
Sleeping peacefully at desk with head resting on arms, MacBook Pro open showing terminal with "[script].py running..." in green text. Behind him, [X] translucent purple ghost copies wide awake and working — each operating a different floating holographic screen. Volumetric fog between the ghosts and the sleeping developer.
7. 环绕漂浮的科技 Logo(技术栈展示、教程)
**配色:**蓝色金属质感(B)
Sitting at MacBook Pro with confident expression. Floating around him in orbital rings: frosted glass cards each containing a tech logo — [Logo 1], [Logo 2], [Logo 3]. Each card has a subtle cyan neon edge glow. Brushed aluminum ring connecting the orbiting cards. Holographic connection lines between related technologies.
文字叠加规则
- 最多突出显示 2–4 个词,使用黄色或青色
- 其余文字用白色,置于深色背景上
- 总字数控制在 6 个词以内(在手机尺寸下清晰易读)
- 公式:
[钩子词] + [数字/结果] + [行动词] - **黄色突出显示:**数字、结果、有力词语
- **青色突出显示:**科技术语、工具名称(与蓝色金属质感配色相呼应)
经验证的示例:
- “1 位开发者,6 倍成果:克隆效应!”
- “我用一个提示词构建了 ChatGPT”
- “8 天内打造 5 个 MCP 服务”
- “从提示词到生产环境,仅需 1 天”
- “AI 已来临——构建工作流”
即用型模板
模板 A:自动化/幽灵效果
Cinematic movie still, dark moody workspace. Young Indian male developer with short hair, trimmed beard, and glasses, wearing a plain black t-shirt, [pose]. [X] translucent purple ghost copies of himself working simultaneously — one [task 1], one [task 2], one [task 3]. Each ghost has a neon purple glow outline. Holographic glassmorphism panels floating near each ghost showing [specific screens]. The MacBook Pro screen shows a terminal with green text "[command]". Dark navy background, purple and teal neon ambient lighting, volumetric fog, dramatic rim lighting, cinematic shallow depth of field, 8K, sharp focus, hyperrealistic, Unreal Engine 5 lighting, [RATIO].
模板 B:全栈/部署(蓝色金属质感)
Wide-angle cinematic still, futuristic workspace with brushed aluminum and chrome surfaces. Young Indian male developer with short hair, trimmed beard, and glasses, wearing a plain black t-shirt, [pose]. The MacBook Pro screen shows [app interface]. Floating around him: frosted glass UI panels showing [icons/logos] — all connected by glowing cyan arrows flowing into [destination]. Above: a holographic pipeline "[Step 1] → [Step 2] → [Step 3]" with green checkmarks. Small floating tech logos: [stack]. Dark navy background (#0A0A1A), ice blue and teal neon ambient lighting, frosted glass overlays, volumetric lighting with cyan rim glow, brushed metal surfaces, 8K, sharp focus, hyperrealistic, film grain, [RATIO].
模板 C:MCP/API/集成(蓝色金属质感)
Cinematic still, dramatic composition. Young Indian male developer with short hair, trimmed beard, and glasses, wearing a plain black t-shirt, holding a glowing cyan USB-style connector that splits into [X] glowing teal connections. Each connection plugs into a floating frosted glass panel containing: [service 1 icon], [service 2 icon], [service 3 icon]. Chrome and brushed aluminum cable connectors. Behind him, massive holographic text "[CONCEPT]" in electric cyan. Dark navy background, ice blue neon rim lighting, volumetric fog, frosted glassmorphism panels at multiple depths, 8K, sharp focus, Unreal Engine 5, hyperrealistic, [RATIO].
模板 D:LinkedIn 帖子(4:5 竖版——更简洁)
Cinematic portrait, dark moody workspace. Young Indian male developer with short hair, trimmed beard, and glasses, wearing a plain black t-shirt, [pose]. [Core visual hook — simplified for vertical frame, fewer floating elements]. Frosted glass panel behind with subtle data visible through it. Dark navy background, [blue metallic OR purple neon] ambient lighting, rim light from behind, cinematic shallow depth of field, 8K, sharp focus, hyperrealistic, 4:5 ratio.
模板 E:课程/训练营横幅(专业风格)
Wide cinematic still, professional futuristic setting. Young Indian male developer with short hair, trimmed beard, and glasses, wearing a plain black t-shirt, standing confidently with arms crossed. Behind him, massive holographic screen showing [course topic] with glowing node connections and data flows. Floating frosted glass cards around him showing: [tool 1], [tool 2], [tool 3]. Brushed aluminum and chrome accents on desk/podium. Dark navy background, ice blue and teal neon lighting, volumetric light rays from above, frosted glassmorphism overlays, 8K, sharp focus, hyperrealistic, professional photography, 16:9 ratio.
流程(每次都遵循)
- 确定主题——视频/帖子讲什么?
- 选择配色——默认使用蓝色金属质感(B);自动化/克隆主题使用紫色霓虹(A)
- 选择视觉钩子——7 种钩子中,哪一种最能讲好这个故事?
- 填写具体信息——真实应用名称、真实数字、真实工具、真实屏幕
- 添加材质——磨砂玻璃、拉丝金属、镀铬(蓝色金属质感),或半透明光晕(紫色)
- 添加灯光——轮廓光 + 体积雾 + 霓虹环境光(始终添加)
- 添加画质修饰词——8K + 清晰对焦 + 超写实 + Unreal Engine 5
- 设置比例——YouTube 使用 16:9,LinkedIn 使用 4:5
- 建议叠加文字——最多 6 个词,其中 2–3 个词突出显示
- 生成 2–3 个选项——针对同一主题使用不同的钩子
反面模式(绝对不要这样做)
- 绝不要穿连帽衫、夹克或西装——只能穿纯黑色 T 恤
- 绝不要使用普通笔记本电脑——只能使用 MacBook Pro
- 绝不要使用全 CGI/科幻背景——应是真实房间,配有天然木质桌面和昏暗环境光
- 绝不要过度处理皮肤——保持自然肤色和真实的面部光照
- 绝不要让霓虹淹没整个场景——霓虹只能来自浮动元素,作为点缀
- 绝不要使用冷清、过于整洁的背景——应让人感觉像真实开发者的工作空间
- 绝不要使用笼统描述——具体描述浮动元素,并使用真实应用名称
- 叠加文字绝不要超过 6 个词——确保在手机上清晰易读
- 突出显示的词绝不要超过 3 个
- 绝不要让浮动元素呈现为实心——它们必须是半透明、全息或磨砂玻璃质感
- 绝不要忘记冷暖对比——温暖的房间 + 冷色霓虹叠加层 = 标志性风格
架构
输入
| 名称 | 类型 | 必填 | 描述 |
|---|---|---|---|
topic | 字符串 | 是 | 视频/帖子关于什么 |
platform | 字符串 | 是 | youtube / linkedin / instagram / twitter / course |
palette | 字符串 | 否 | 'blue-metallic'(默认)或 'purple-neon' |
key_details | 字符串 | 否 | 要包含的具体工具、数字、结果 |
text_overlay | 字符串 | 否 | 用户希望缩略图上显示的具体文字 |
输出
| 名称 | 类型 | 描述 |
|---|---|---|
prompt | 字符串 | 可直接使用的 AI 图像生成提示词 |
text_overlay | 字符串 | 为缩略图建议的醒目文字 |
alt_prompts | 数组 | 2 个备选提示词 |
凭据
无需(纯文本技能——生成提示词,而非图像)
可组合技能
适合串联的技能:title-variants、cross-niche-outliers、recreate-thumbnails、video-edit、nano-banana-images
费用
免费(仅生成提示词)