SuperAPI AI 工具集

thumbnail

设计与创作

查看项目

更新于 10-16 10:15

技能介绍

Thumbnail Skill 用于生成以点击率(CTR)为优化目标的高表现缩略图与封面图。其设计目标是激发好奇心、与标题形成互补,并促使观众点击。

图像生成方式

所有图像生成与编辑都通过 creator-stack:nanobanana skill 完成,该 skill 提供对 Gemini 图像模型(Pro 与 Flash)的访问,支持文生图、图像编辑、多图参考以及高分辨率输出。在生成或编辑任何缩略图之前,应先调用它。

缩略图的模型选择

Pro(默认):用于最终生产用缩略图。支持 2K/4K 分辨率、最多 14 张参考图,以及用于改善构图的思考模式。

Flash:用于快速探索与草稿构思。速度更快、成本更低,适合在定稿前迭代想法。

经验规则:用 Flash 做探索批量(生成 5-10 个变体),再用 Pro 生成最终生产图。

必读参考

在生成任何缩略图之前,应先阅读以下两份参考,它们包含决定一张通用图片与高点击率缩略图之间差异的设计模式与提示技巧:

  • references/thumbnail-formulas.md:通过已验证策略实现高 CTR 缩略图的设计公式。这些原则在所有平台上通用。
  • references/prompting-guidelines.md:缩略图使用 Gemini 图像模型(NanoBanana)生成,提示指南有助于获得更可预测、更一致的结果。

跳过这些参考会导致生成不符合已验证模式的通用缩略图,因此务必先加载它们。

平台上下文

当由编排类 skill 调用时,可能会提供平台相关上下文(尺寸、安全区域、格式要求)。应使用所提供的上下文来设置正确的输出尺寸与约束。

默认尺寸:未提供平台上下文时,默认使用 YouTube 缩略图尺寸(1280x720,16:9 宽高比)。

常见平台尺寸:

  • YouTube 缩略图:1280x720(16:9)
  • 博客特色图:1200x630
  • 课程缩略图:1280x720 或 1080x1080
  • 新闻通讯页头:1100x220 或 1200x630
  • 社交媒体卡片:1200x675

生成前应始终确认目标平台,以确保尺寸正确。

参考图

在生成和编辑缩略图时都可以包含参考图,例如缩略图模板、人物头像、图标、logo 或用于风格迁移的图片。所有参考图必须使用绝对路径传入。

使用官方 logo

如果使用公司 logo,应通过传入图片文件的绝对路径来使用真实图片,而不是仅用文字描述。Nanobanana 并不知道常见公司 logo 的样子。

如果本地没有某公司 logo,可以在线搜索并用 curl 下载,然后在提示中传入下载图片的绝对路径。所有下载图片保存到 ./downloads/,若目录不存在则创建。

应避免的常见错误

错误:"create the Claude AI logo (an orange C shape)" 正确:将真实 logo 文件作为参考图传入

错误:"add the Python logo" 正确:使用 /absolute/path/to/python-logo.png 作为参考图

已验证设计

如果已知内容标题或主题,可搜索相关的 OUTLIER 内容。应重点关注 OUTLIER,因为它们已被证明效果良好且很可能具有高点击率。若视频观看量相对于频道订阅数明显偏高,则该视频属于 outlier。例如,一个订阅数少于 5,000 的频道中有观看量超过 10,000 的视频,该视频即为 outlier。

获得 outlier 视频列表后,可以访问其缩略图,并将其用于风格迁移。

以下是一个 id 为 "rmvDxxNubIg" 的视频标准清晰度缩略图 URL 示例:https://img.youtube.com/vi/rmvDxxNubIg/sddefault.jpg。可以用 curl 将图片下载到 ./downloads/outliers/,然后读取该图片文件以理解它,并在用于风格迁移时作为参考图。

品牌合规

为 The AI Launchpad 创建视觉资产时,应调用 creator-stack:brand-guidelines 以解析正确的设计系统并检查反模式,从而确保所有缩略图与既定品牌识别、配色方案和视觉风格保持一致。

对于其他品牌,可检查 ~/.claude/skills/ 下是否存在品牌指南 skill,并应用相关设计约束。

工作流

生成缩略图概念:生成初始缩略图概念或提示后,使用 Thumbnail Reviewer agent 审查该概念并提供反馈。审查者会给出批评意见并建议改进。应在继续之前考虑并纳入审查者的反馈。将“生成-审查-再生成”循环限制为单次,额外迭代收益递减,且审查者的首次批评已涵盖最具影响力的改动。

优化缩略图:由于 creator-stack:nanobanana 支持图像编辑,可以迭代修改和改进此前生成的缩略图。将原缩略图作为参考图传入,并描述期望的改动。应始终检查生成的缩略图是否满足完整设计公式与原始意图;若不满足,可通过编辑原缩略图进行迭代。将“生成-审查-再生成”循环限制为单次。

用户素材

如果用户在其本地上下文中指定了任何本地素材(如缩略图模板、人物头像、图标、logo 等),在相关时应优先将其纳入缩略图。例如,包含真实人物的缩略图已被证明表现更好。