Communitygithub.com

YouTube 缩略图

通过逐步引导,基于视频标题、情感基调和品牌风格生成 YouTube 缩略图设计简报和图像提示词。

YouTube 缩略图 是什么?

YouTube 缩略图技能是一个针对 AI 编程助手(如 Codex 和 Claude)的提示词生成器,专为 YouTuber 和内容创作者设计。它通过一系列步骤——从项目文件、引用照片和用户输入的标题及情感基调中收集素材——自动生成符合最佳实践的缩略图设计简报。技能遵循严格的视觉规则:面部占据画面 30-50%、文本不超过 5 个单词、主体颜色限制为两种以保持高对比度。在用户确认简报后,技能会输出一个完整的 Gemini 图像生成提示词,包含精确的 1280×720 像素分辨率、排版颜色和构图说明。它支持与现有品牌套件(`brand-kit.md`)集成,并通过 `thumbnail-config.md` 保持引用照片的一致性。该技能还包含全面的约束条件,防止提示词中泄漏照片路径,在缺失图像服务时仍可撰写提示词,并在流程结束时提供下一步建议(如视频脚本大纲)。

兼容平台✓Claude Code✓Codex CLI~Cursor✓Gemini CLI
npx skills add https://github.com/charlie947/social-media-skills/tree/main/skills/youtube-thumbnail

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

YouTube 缩略图 是做什么的?

Codex 和 Claude 运行时

  • 在 Codex 或 Claude 中使用此技能时,请使用当前任务中实际可用的工具。AskUserQuestion 示例描述的是问题本身,而非必需的 API:请在其限制内使用可用的提问工具,或在聊天中直接提问。重复使用已提供的答案和源材料。
  • 在用户选择的项目中工作。在进行个性化工作前,请先阅读 about-me.md、voice.md 及相关品牌文件。如果文件之间存在冲突或包含占位默认值,请确认预期的作者。缺失的信息请询问,或运行 voice-builder;切勿继承维护者的身份、账户或私人文件。
  • 解析此技能文件夹中自带的 references/ 目录。对于明确要求的资料刷新请求,请在原位读取并更新规范文件 about-me.md、voice.md 或 newsletter-voice.md,保留不相关的用户事实和规则。消费方必须重新读取这些规范文件。仅在新交付物与已有无关文件可能冲突时,才使用新文件名。仅安装技能不会开始访谈或写入文件。除非被要求,否则不要写入持久记录。
  • 优先使用已有证据。必要时通过可用的搜索/源工具验证外部声明。如果某个来源或集成不可用,请指明缺失的能力,并提供文本/导出输入的替代方案。切勿捏造事实、第一人称经验、指标或成功的工具运行结果。
  • 仅连接所选路径所需的、且用户账户已存在的服务。切勿打印凭据或覆盖已有连接。起草、保存和审阅不等同于发布、发送消息或更改账户。

视觉完成状态

此技能的图像提示词是可立即使用的提示词,而非已生成或经视觉审核的素材。除非用户要求其他生成器,否则请保留其命名的 Gemini 工作流。图像服务缺失不应阻止撰写提示词。当图像已提供或生成后,请以完整尺寸和供稿尺寸(缩略图约 360px 宽,320px 略缩)打开并检查每张输出图。核对精确的文字、尺寸、裁剪、清晰度、品牌颜色、字体外观、标志和参考图的忠实度。修复并重新检查失败的输出。将任何不可用的导出或检查结果标记为待办。图像提示词或光栅导出不能替代可编辑的设计文件。

关键:加载后自动启动

此技能触发时,直接进入步骤 1。

步骤 1. 收集输入

检查项目中是否存在参考照片配置。按以下顺序查找:

  1. 项目根目录下的 thumbnail-config.md
  2. brand-kit.md — 查找参考图片路径和品牌颜色
  3. about-me.md — 查找创作者的名称和定位

如果存储了参考照片路径,则预填它。否则请提问:

上传或提供您希望在缩略图中使用的参考照片的路径。理想情况下是一张清晰的头像,具有独特的光线和表情,您打算在多个视频中重复使用以实现品牌一致性。

然后调用 AskUserQuestion:

[
  {
    "question": "视频标题是什么?",
    "header": "标题",
    "multiSelect": false,
    "options": [
      {"label": "我将手动输入标题", "description": "输入完整的工作标题"},
      {"label": "为我推荐一个", "description": "基于主题,先提出 3 个吸引点击的标题"}
    ]
  },
  {
    "question": "情感基调?",
    "header": "基调",
    "multiSelect": false,
    "options": [
      {"label": "震惊 / 惊喜", "description": "睁大眼睛,张嘴,强烈的反应"},
      {"label": "好奇 / 思考", "description": "微微坏笑,挑眉,视线偏离画面"},
      {"label": "自信 / 直接", "description": "眼神接触,冷静,果断"},
      {"label": "沮丧 / 强烈观点", "description": "目光锐利,手势,紧张感"}
    ]
  }
]

根据视频内容确认标题和承诺。切勿捏造结果、暗示存在演示、或使用未提供的面部或品牌标识。缺少参考照片会使基于照片的生成处于待定状态,但构图简报仍可起草。

步骤 2. 应用缩略图最佳实践

每个缩略图必须遵循以下规则:

  • 面部占据画面 30% 到 50%。在小尺寸下也能辨认。
  • 大号文字最多 3 到 5 个单词。必要时最多 6 个。
  • 两种颜色主导。品牌主色 + 一个高对比度强调色(黄色、红色、青色效果较好)。
  • 一个除面部外的清晰焦点元素。工具 Logo、粗体数字、箭头或道具。
  • 面部、文字和背景之间高对比度。眯眼测试。
  • 文字不是完整句子。它是钩子短语。例如:“我开了我的团队”、“Claude 现在可以...”、“别这样做”。
  • 无小文字,无右下角 Logo(观看时间图标位于此处)。

步骤 3. 构建缩略图简报

输出供用户审阅的简要简报:

缩略图简报:[视频标题]

构图:[面部位置,占画面百分比,视线方向]
文字:“[钩子短语,3-5 个单词]”
文字位置:[左、右、顶部、环绕面部]
颜色方案:[主色 HEX],[强调色 HEX],[背景 HEX]
支持元素:[Logo / 道具 / 箭头 / 数字]
情感基调:[步骤 1 的基调]

然后提问:

这是简报。说“生成”以输出图像提示词,或告诉我需要更改什么。

步骤 4. 输出 Gemini 提示词

一旦获得批准,在代码块中输出图像生成提示词:

使用附加的我的参考照片,生成 1280 x 720 像素(16:9)的 YouTube 缩略图。

构图:
- 将我的位置放在 [左 / 右 / 居中],占据画面的 [30-50]%
- 我的表情:[基调细节 — 例如,震惊,睁大眼睛,张开嘴]
- 我的视线:[方向 — 例如,直视镜头 / 看向画面外的文字]

文字:
- 以大型加粗无衬线字体显示“[钩子短语]”
- 文字颜色:[HEX]
- 文字轮廓:[颜色,厚度,以便阅读]
- 文字位置:[具体区域]

颜色方案:
- 主色:[HEX]
- 强调色:[HEX]
- 背景:[HEX] — [描述处理方式:纯色、渐变、模糊场景等]

支持元素:[支持性视觉元素的具体描述]

约束条件:
- 面部必须清晰锐利
- 文字在 320px 宽(YouTube 移动端尺寸)时必须可读
- 无水印、无 YouTube UI 元素、无右下角文字
- 面部、文字和背景之间高对比度

告知用户:

将此内容粘贴到新的 Gemini 聊天中,附上您的参考照片,启用 Create Image,并选择 Nano Banana。以 1280x720 生成。

步骤 5. 提供下一步

需要我接下来概述视频内容吗?从缩略图的钩子、中部、行动号召开始。

规则

  • 1280x720 像素(16:9)。YouTube 的原生缩略图尺寸。
  • 切勿在提示词中包含参考照片路径——用户会单独附加照片。
  • 文字绝不超过 6 个单词,5 个最理想,3 个最佳。
  • 面部必须始终是可见的焦点。禁止面部被遮挡的构图。
  • 不使用长破折号。
  • 除非 voice.md 另有指定,否则使用英式英语。
  • 如果 brand-kit.md 存在于项目中,请阅读它并使用确切的品牌颜色。
  • 建议用户在多个视频中保持一致的缩略图风格,以增强频道识别度。

Individual skills in this repo

This repo contains 16 individual skills — each has its own dedicated page.

相关技能