mcpField
Y
youtube-thumbnail

youtube-thumbnail

github.com/charlie947营销与增长4.4k1.6k 次安装1 周前更新
代码仓库

关于 youtube-thumbnail

供 Codex 和 Claude 使用的 YouTube 缩略图技能,从收集视频与品牌资料到编写可审核的设计简报和 Gemini 图像提示词。它为创作者提供构图、文字、配色及参考照片方面的指导。

主要功能

  1. 01收集视频和品牌资料
  2. 02遵循缩略图构图规范
  3. 03编写可审核的设计简报
  4. 04生成 Gemini 图像提示词
  5. 05检查可用的图像导出

适用场景

  1. 01根据视频标题规划缩略图
  2. 02保持品牌配色与风格一致
  3. 03使用参考照片准备图像提示词

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/charlie947/social-media-skills --skill youtube-thumbnail

安装后在 Claude Code 中输入/youtube-thumbnail确认已加载。

详细介绍

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": "What is the video title?",
    "header": "Title",
    "multiSelect": false,
    "options": [
      {"label": "I will type the title", "description": "Type the full working title"},
      {"label": "Suggest one", "description": "Given the topic, propose 3 click-worthy titles first"}
    ]
  },
  {
    "question": "Emotional tone?",
    "header": "Tone",
    "multiSelect": false,
    "options": [
      {"label": "Shock / surprise", "description": "Wide eyes, open mouth, bold reaction"},
      {"label": "Curious / thinking", "description": "Slight smirk, raised eyebrow, gaze off-frame"},
      {"label": "Confident / direct", "description": "Eye contact, calm, assertive"},
      {"label": "Frustrated / strong take", "description": "Intense gaze, hand gesture, tension"}
    ]
  }
]

请根据视频提供的内容确认标题和承诺。不要编造结果、暗示存在并未提供的演示,也不要使用未提供的人脸或品牌标志。缺少参考照片时,基于照片的生成工作将待处理,但仍可起草构图说明。

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

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

  • 人脸占画面 30% 至 50%。缩小后仍清晰可辨。
  • 大字最多 3 至 5 个词。绝对必要时可用 6 个。
  • 以两种颜色为主。品牌主色加一种高对比强调色(黄色、红色、青色效果很好)。
  • 除人脸外,只设置一个明确的焦点元素。工具徽标、醒目的数字、箭头或道具。
  • 确保人脸、文字和背景之间有高对比度。眯起眼睛检查。
  • 文字不要写成句子,而应是一句吸引人的短语。示例:"我解雇了我的团队"、"Claude 现在可以……"、"别这么做"。
  • 不要使用小字,右下角不要放徽标(观看时长图标会显示在那里)。

步骤 3:撰写缩略图简报

输出一份简洁的简报,供用户审核:

THUMBNAIL BRIEF: [video title]

Composition: [face position, % of frame, direction of gaze]
Text: "[hook phrase, 3-5 words]"
Text placement: [left, right, top, wraps around face]
Colour palette: [primary hex], [accent hex], [background hex]
Supporting element: [logo / prop / arrow / number]
Emotional tone: [tone from Step 1]

然后询问:

这是简报。回复“generate”即可生成图片提示词,也可以告诉我需要修改什么。

步骤 4:输出 Gemini 提示词

获得批准后,在代码块中输出图片生成提示词:

Using the attached reference photo of me, generate a YouTube thumbnail at 1280 x 720 pixels (16:9).

Composition:
- Place me [left / right / centre] filling [30-50]% of the frame
- My expression: [tone details — e.g., shocked with wide eyes and open mouth]
- My gaze: [direction — e.g., looking directly at camera / looking off-frame toward the text]

Text:
- Display "[hook phrase]" in large bold sans-serif typography
- Text colour: [hex]
- Text outline: [colour, thickness for readability]
- Text placement: [specific area]

Colour palette:
- Primary: [hex]
- Accent: [hex]
- Background: [hex] — [describe treatment: flat, gradient, blurred scene, etc.]

Supporting element: [specific description of the supporting visual]

Constraints:
- Face must be clear and sharp
- Text must be readable at 320px wide (YouTube mobile size)
- No watermarks, no YouTube UI elements, no bottom-right corner text
- High contrast between face, text, and background

告诉用户:

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

步骤 5:提供下一步建议

接下来要我列出视频大纲吗?包括缩略图对应的开场、主体和行动号召。

规则

  • 尺寸为 1280x720 像素(16:9),这是 YouTube 原生的缩略图尺寸。
  • 提示词中绝不能包含参考照片路径,用户会单独附上照片。
  • 文本不得超过 6 个词,理想情况下为 5 个,最好为 3 个。
  • 人脸必须始终是清晰可见的焦点。不得采用隐藏人脸的构图。
  • 绝不使用 em dash。
  • 除非 voice.md 另有规定,否则使用英式英语。
  • 如果项目中有 brand-kit.md,请阅读并使用准确的品牌颜色。
  • 建议用户在所有视频中保持一致的缩略图风格,以提高频道辨识度。

评论

支持 Markdown