用途
Model Showdown 是一个“三个 AI 模型、同一份需求”的对比测试流程，目标是让观众自己看到结果：一个需求、三个模型、各自第一次尝试、同一个渲染器。
准备
开始前读取 brand.md 和 MOTION.md（如存在）。若不存在，先运行 brand-intake，或询问十六进制色码、字体和 logo 文件。没有这些就不要判定结果符合品牌。品牌只用于标题和标签，不用于模型输出。
第一步：收集四项信息后等待
- 需求原文，逐字逐句，每个模型拿到完全相同的文本。
- 三个模型，按其厂商写法精确命名，并说明用户如何访问（仅限各自账号）。
- 每个模型的 logo 文件，需附上，绝不凭记忆重绘。
- 标题，两短行，例如“Same prompt.” / “Three AI models.”。
第二步：公平测试规则
- 只用第一次尝试。不重掷、不修复、不给希望胜出的模型“再来一次”。
- 模型写 HTML，你来渲染。需在需求中加入统一交付要求，避免某个模型获得更好的导出条件：交付一个自包含的 index.html，尺寸 [WIDTH] x [HEIGHT] 像素，只输出完整 HTML。共享渲染器将执行 window.seek(t)，并以相同设置导出每个模型的输出。实现要求：确定性的 window.seek(seconds)，对 [SECONDS] 取模循环，所有视觉状态由时间推导；非 ?render 模式自动播放；在 ?render 模式下冻结等待 seek；初始化后设置 window.__ready=true；无外部请求；不添加控件、调试文字、模型名称或截图。
- 三个模型使用同一渲染器、相同设置：同尺寸、30fps、同时长、同编码器。
- 失败也保留。若模型返回损坏 HTML 或什么都没有，其面板如实说明，绝不换上后续尝试。
第三步：堆叠合成
- Newsletter（16:9）：三个面板并排，每个面板上方用纯色条标注模型名称。
- Reel（1080 x 1920）：三个 1080 x 360 面板块分别放在 y=540、900、1260，深色背景。先用 HTML 构建一个透明 1080 x 1920 的 overlay.png，承载标题和三个标签，然后运行：
ffmpeg -y -i a.mp4 -i b.mp4 -i c.mp4 -loop 1 -i overlay.png -f lavfi -i anullsrc=r=48000:cl=stereo -filter_complex "color=c=0x0B0B0F:s=1080x1920:r=30:d=12[bg];[0:v]fps=30,scale=1080:360:force_original_aspect_ratio=increase,crop=1080:360,setsar=1[a];[1:v]fps=30,scale=1080:360:force_original_aspect_ratio=increase,crop=1080:360,setsar=1[b];[2:v]fps=30,scale=1080:360:force_original_aspect_ratio=increase,crop=1080:360,setsar=1[c];[bg][a]overlay=0:540[t1];[t1][b]overlay=0:900[t2];[t2][c]overlay=0:1260[t3];[t3][3:v]overlay=0:0,scale=out_color_matrix=bt709:out_range=tv,format=yuv420p[out]" -map "[out]" -map 4:a -t 12 -c:v libx264 -crf 18 -pix_fmt yuv420p -color_range tv -colorspace bt709 -color_primaries bt709 -color_trc bt709 -c:a aac -b:a 128k -movflags +faststart showdown-reel.mp4
把 d=12 和 -t 12 改成你的时长。裁剪保留中心，因此每个面板抽一帧检查，若动作偏离中心则调整裁剪。
实践要点
- logo 叠在画面上会在浅色帧消失。每个标签（logo 加模型名）放在各自面板左上角的深色圆角底块上。
- 安全区：标题位于 y 360 到 520 之间。任何文字或 logo 不得低于 y 1420，也不得进入右侧 120px（应用会在此绘制按钮和字幕）。
- 标签使用完整模型名和版本，如“Opus 5.5”而非“Claude”。
- 字幕以问题结尾，例如“Which one would you post?”，并给出自己的选择。
第四步：检查与导出
从中间抽一帧，在手机尺寸下能否读清每个标签？每个 logo 是否属于正确公司？然后在上传前运行 reel-export 中的检查。
适用场景与限制
适用于制作可视化 AI 模型横向对比内容（newsletter 并排版与竖版 reel）。资料未提供支持的模型清单、自动化程度、价格或平台信息。需要用户自备模型账号、logo 文件和品牌资料；结果依赖模型首次输出，失败不做补救。