缩略图与标题
在此设置品牌样式
编辑 scripts/layout-fullbleed.html 和 scripts/layout-panel.html 顶部的 :root 块：
| 设置项 | CSS 变量 | 默认值 |
|---|---|---|
| 强调色 | --brand-accent (+ --brand-accent-rgb 以 r,g,b 形式) | #4a90e2 |
| 浅色文字颜色 | --brand-light | #f2f2f2 |
| 深色墨迹颜色（描边、面板背景） | --brand-ink | #0d131a |
| 展示字体（大号文字） | --font-display | 'Anton','Bebas Neue',Impact,sans-serif |
| 正文字体（小号文字） | --font-body | 'Inter',sans-serif |
展示字体必须本地安装，因为渲染在 headless Chrome 中从 file:// 运行。Anton 和 Bebas Neue 可从 Google Fonts 免费获取。
同时在 scripts/frames.sh 中设置您的调色 LUT（LUT_DEFAULT），或每次运行时通过 LUT=/path/to.cube 传入。
样式默认规则（可根据需要修改）
- 切勿在面部上放置任何元素。 不要在被摄主体上叠加渐变遮罩。要么使用硬边缘面板且面部完全清晰，要么使用全出血布局，将文字放在空白区域。
- 从 RAW 4K 素材中提取帧，而非导出文件。 1080p 导出帧看起来较模糊。
- 先对帧进行调色。 Log 素材（如 S-Log3 等）未经处理时画面平淡灰暗。通过
lut3d烘焙 LUT（参见frames.sh）。如果相机直接输出完成档，则跳过 LUT。
基于研究的规则
- 三到五个词，越少越好。 缩略图不是解释视频的地方。
- 人脸效果最佳。 大多数爆款视频都使用了人脸。强烈的表情优于中性表情。
- 一个主要主体，两到三种颜色，高对比度。
- 在约 210px 下判断效果。 大多数观看决策发生在手机上。如果在手机上无法呈现效果，其他因素都不重要。
- 标题和缩略图不应重复彼此。 它们是同一想法的两个部分。保持标题简短具体（大约 50-60 个字符，避免被截断）。
- YouTube Studio 中的 A/B 测试胜过争论。 因此请为用户提供 2-3 个实际可用的选项。
选择哪种布局
全出血布局在手机尺寸下效果最佳，为默认选项。 在 210px 下并排对比，面部在视觉上大约是面板版本的两倍大，而面板版本中的副标题文字会完全消失。
layout-fullbleed.html：全尺寸渐变帧，展示字体中 1-3 个单词，带有深色墨迹描边，放置在空白区域（墙壁、门）且绝不覆盖面部。预设包括stab、stat、bottom、band（底部实色强调色带）。旧版示例变体e、f、g、h。layout-panel.html：主体位于干净的右侧方形面板中，文本位于深色左半部分。当创意需要图示（点阵）或两行文本时使用。示例变体a-d。
运行它
# 1. 从原始素材中提取具有表现力时刻的渐变帧（利用转写内容找到这些时刻）
bash <skill>/scripts/frames.sh "<YOUR_FOOTAGE_DRIVE>/<folder>/C0001.MP4" "<work>" 178 310 459 503
# 2. 在选择之前先查看它们——联系单胜过猜测
ffmpeg -i hi-*.jpg -filter_complex hstack=... contact.jpg
# 3. 渲染变体 + 手机尺寸预览图
WORK=<work> OUT=<out> node <skill>/scripts/render.mjs variants.json
variants.json：
[{"id":"E-no-time","layout":"fullbleed","v":"e","img":"full-C0001-503.jpg"},
{"id":"S-custom","layout":"fullbleed","img":"full-C0001-310.jpg",
"data":{"preset":"stab","head":"TOO BUSY?","kicker":"TRY THIS"}},
{"id":"B-3x","layout":"panel","v":"b","img":"cut-C0001-97.jpg"}]
全出血布局的文本可以通过每个变体的 data 传入（preset、head、kicker、side、size），或作为新的旧版 v 块添加到布局 HTML 中。面板布局的文本位于 layout-panel.html 的 v 块中；通过添加一个块来添加新变体，保持文本在 3 个单词以内。
需要 puppeteer-core：可重用 ../video-overlays/scripts/node_modules 或在脚本目录中执行 npm i。render.mjs 启动 /Applications/Google Chrome.app/...；在其他系统上请修改路径。
选择帧
寻找扬眉、张开的手、说话中途的嘴。利用转写内容找到充满活力的瞬间，然后向后一秒钟提取帧。目光呆滞的帧会严重影响效果。frames.sh 中的裁剪假设源素材为 4K（3840x2160），主体约占画面宽度的 46%；如果您的构图不同，请调整 crop= 的偏移量。
输出
渲染为 1920x1080（YouTube 会很好地降采样），保持文件大小低于 2MB。
相关内容
paper-edit、video-overlays：视频流水线的其余部分