thumbnails

用途

该技能用于制作视频缩略图及 A/B 缩略图组，包括为旧视频刷新缩略图，并进行小尺寸可读性检查。缩略图是一张静态图；横幅等其它形式暂未提供。

缩略图的核心任务：让正确的观众在周围视频中选择这一个，并承诺视频随后会兑现的内容。平台奖励承诺被兑现：YouTube 的 Test & Compare 按观看时长份额而非点击量选出胜出者，因此过度承诺的缩略图会赢得点击却输掉测试。好的缩略图意味着：不到一秒内清晰、忠于视频、在信息流中独特、制作无可见接缝。

主要能力

制作视频缩略图，支持 A/B 缩略图组（最多三个分支，每个分支代表不同的押注）。
刷新旧视频的缩略图。
进行小尺寸可读性检查，包括桌面最小渲染约 215 px 宽、手机约 375 px 宽等场景。
提供工具链：html2png.mjs 渲染、thumb-gate.mjs 平台合规检查、small-size-gate.mjs 小尺寸检查、brand-lint.mjs 品牌检查。
支持从转录文本理解视频，提取核心信息、目标观众、出镜人物和真实素材。
支持发散构思：写出六到十个一行概念，每个代表不同押注，然后快速渲染最佳四到六个。
支持以 HTML 页面在 1280×720 CSS px 下构建最强方案，文字和真实标志用 HTML 叠加在视觉素材上。
支持以观众视角查看：渲染、检查、查看小尺寸表，并让新助手仅凭简报、转录摘要和表格寻找缺陷。
支持交付缩略图组：最多三个分支，每个分支一行说明测试内容，最安全诚实的分支在前。
支持从结果学习：当审批者表达长期偏好或测试结束时，记录分支、押注和胜出者份额。

使用方式

固定事实

平台：16:9，至少 1280×720，理想 3840×2160，小于 50 MB（手机上传 2 MB）。一个 A/B 分支低于 1280×720 会使所有分支降至 480p。时长徽章覆盖右下角。悬停和自动播放会用视频开头几秒替换缩略图，因此开头应兑现承诺。
真实性：只展示视频包含的内容：真实 UI、代码、数字和人物真实样貌。逐字引用人物原话。绝不生成人物肖像、产品屏幕、标志或数字。
身份：使用 /workspace/brand/logos/ 中的真实标志和品牌字体（/workspace/brand/tokens.css）。其它一切（图像、插画、颜色、构图）为创意选择；调色板是基地，不是围栏。
人物：请求者提供的文字按原文和大小写交付；其明确编辑优先于本技能中的任何内容。

工作流程

对已交付缩略图的小修改：修改、重新渲染、运行门禁、查看、交付。新缩略图或旧缩略图刷新是一个循环：

理解视频。从转录文本（如果只有文件则用 transcribe_audio）中找出观众带走的一件事、目标观众、出镜人物和存在的真实素材：产品屏幕、图表、代码时刻、演讲者的好帧。询问无法获取的内容（截图、头像），最多两个问题。
画前发散。写出六到十个一行概念，每个代表不同押注：产品做那件事、人物、结论或主张、图表、前后对比、发现数字。丢弃不诚实和通用的，快速渲染最佳四到六个。
构建最强方案。在 1280×720 CSS px 下编写 HTML 页面，文字和真实标志用 HTML 叠加在创意所需的视觉上：素材帧、真实屏幕、图表（data-viz）、无文字的生成场景或物体（image-generation）。将标题标记为 data-thumb-role="hero"，并设置 px 的 top/left/width/height 以便测量对比度。
以观众视角查看。渲染、门禁、查看小尺寸表，而非 4K 文件。然后给新助手仅提供简报、转录摘要和表格，让其寻找缺陷并说明每个分支是否承诺了视频所交付的内容。模型对分支的偏好是一种意见，不是预测。保留每个版本：中间版本有时最好。
交付组。最多三个分支，每个代表不同押注，每个一行说明测试内容，最安全诚实的分支在前（不确定的测试保留第一个）。先提供小尺寸表，再提供全尺寸文件，在一次 upload_files 调用中。
从结果学习。当审批者表达长期偏好或测试结束时，在项目保存笔记的地方记录分支、每个分支的押注和胜出者份额；你自己的结果优先于本技能中的任何内容。

工具命令

node /workspace/tools/html2png.mjs projects/<slug>/thumbnail/a.html --out projects/<slug>/renders \
  --name thumb-a --size 1280x720 --scale 3 --brand-fonts            # a 3840x2160 master
node /workspace/skills/thumbnails/scripts/thumb-gate.mjs projects/<slug>/renders/thumb-a-1280x720.png \
  --comp projects/<slug>/thumbnail/a.html
node /workspace/skills/thumbnails/scripts/small-size-gate.mjs projects/<slug>/renders/thumb-a-1280x720.png
node /workspace/tools/brand-lint.mjs projects/<slug>/thumbnail/a.html

thumb-gate 仅在平台拒绝或降级时失败（退出码 1）：非 16:9、宽度低于 1280 px、超过 50 MB。其它一切打印为测量值供判断（分辨率、手机上传大小、时长徽章下绘制内容、hero 的文字、大小和测量对比度、绘制宽度超过像素的栅格）。退出码 2 表示无法查看；报告它。

small-size-gate 写入一张表：带播放器边框的帧、浅色信息流上的手机尺寸、深色信息流上的最小轨道尺寸、灰度。查看它；它不做决定。

人物抠图与调色、产品截图、对齐、字号、引用和生成图像：见 references/craft.md。

适用场景

为视频制作缩略图，尤其是需要 A/B 测试不同创意押注的场景。
刷新旧视频的缩略图以提升表现。
需要确保缩略图在小尺寸下仍清晰可读。
需要确保缩略图忠于视频内容、不生成虚假人物或产品屏幕。
需要遵循品牌标志和字体规范。

限制

缩略图是静态图；横幅等其它形式暂未提供。
平台要求：16:9，至少 1280×720，理想 3840×2160，小于 50 MB（手机上传 2 MB）。一个 A/B 分支低于 1280×720 会使所有分支降至 480p。
真实性限制：只展示视频包含的内容；绝不生成人物肖像、产品屏幕、标志或数字。
人物文字按请求者提供的原文和大小写交付；其明确编辑优先。
模型对分支的偏好是一种意见，不是预测；测试决定胜出者。
小尺寸表不做决定，仅用于查看。
退出码 2 表示无法查看，需报告。
具体收费、价格、平台支持范围等暂未提供。