mcpField
T
thumbnail-generator

thumbnail-generator

github.com/aiagentwithdhruv创意与媒体2054 次安装15 周前更新
代码仓库

关于 thumbnail-generator

用于编写缩略图和图像生成提示词的技能,采用统一的视觉风格,将写实摄影场景与未来感叠加元素结合,并提供构图、配色、平台比例和文字覆盖规范。

主要功能

  1. 01结合写实场景与未来感叠加元素
  2. 02提供可复用的提示词公式
  3. 03规定构图和配色方式
  4. 04列出视觉主题及平台画面比例
  5. 05设定文字覆盖限制

适用场景

  1. 01编写 YouTube 缩略图提示词
  2. 02准备社交媒体配图
  3. 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

关键规则——绝不违反

  1. 始终穿纯黑 T 恤——绝不穿连帽衫、夹克、西装或其他衣服
  2. 始终采用写实底图——真实房间、天然木质桌面、温暖的环境光、自然肤色
  3. 始终使用 MacBook Pro,且屏幕上显示实际应用/终端
  4. 始终包含具体细节——真实的应用名称、真实数字、真实工具
  5. 未来感元素必须作为叠加层——悬浮图标、霓虹发光线条、全息面板都叠加在写实底图之上
  6. 绝不采用完整 CGI/科幻风格——首先必须让人感觉像真实照片,其次才是未来感
  7. 绝不过度处理——70% 写实摄影,30% 未来感元素
  8. 始终包含画质修饰词——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.

流程(每次都遵循)

  1. 确定主题——视频/帖子讲什么?
  2. 选择配色——默认使用蓝色金属质感(B);自动化/克隆主题使用紫色霓虹(A)
  3. 选择视觉钩子——7 种钩子中,哪一种最能讲好这个故事?
  4. 填写具体信息——真实应用名称、真实数字、真实工具、真实屏幕
  5. 添加材质——磨砂玻璃、拉丝金属、镀铬(蓝色金属质感),或半透明光晕(紫色)
  6. 添加灯光——轮廓光 + 体积雾 + 霓虹环境光(始终添加)
  7. 添加画质修饰词——8K + 清晰对焦 + 超写实 + Unreal Engine 5
  8. 设置比例——YouTube 使用 16:9,LinkedIn 使用 4:5
  9. 建议叠加文字——最多 6 个词,其中 2–3 个词突出显示
  10. 生成 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

费用

免费(仅生成提示词)

评论

支持 Markdown