风格对比页

把几个候选放在同一页里并排比较，由用户挑选。用户可以并排或单张查看、按实际尺寸看、选定并复制方向。对比页的外壳只负责比较和挑选，不带风格倾向，也不作为候选的参考。

几个候选的核心内容、主要动作和目标用户保持一致，变的是构图、信息怎么组织、字体的气质、色彩关系、疏密和用图的方式。放几个候选，看用户要几个、真正有差别的有几个；不复制整个产品来凑数。

准备输入

一轮只生成一个对比页。候选能跑就用真实页面：单独写的 HTML 小样直接嵌入，项目里的方案用本机地址，拿不到可运行的页面时才用截图。每个方案一个画面：存量项目选入口或差别最大的那一步，整站方案只放代表页。

把候选 HTML 放进一个目录后传目录，也可以直接传几个 HTML 文件。显示名取 <title>，没有标题时取文件名。同目录有 manifest.json 时会读取它补充方向信息；没有 manifest 也能生成。

最小的 manifest.json：

{  "candidates": [    {"source": "a.html"},    {"source": "b.html"}  ]}

HTML 和图片候选只需填写 source；本机地址候选按上表填写 url。候选来自方向卡时，每个候选再填 name、concept（北极星那一句）、typography、palette（色值数组）和 traits，对比页把它们和画面一起展示，用户靠这些挑选；省略的项不显示。其他字段写法见生成器的 --help。

生成和打开

python3 <skill>/scripts/build_explorer.py <候选目录>

也可以传多个 HTML 文件，或传 manifest.json。没有 python3 命令时换成 python 或 py -3。对比页默认生成在输入旁边，文件名是 style-explorer.html。修改候选后，要加 --force 重新生成，否则打开的还是旧画面。生成器会把要改的地方一次列出来。运行不了生成器时，把候选留给用户直接看，说明对比页还没有组装，不临时另写一套工具。

有本机地址候选时，交付时让开发服务器开着。用户之后说“打开对比页”：读 manifest 里的 serve，在 cwd 里后台运行 command，等 url 能访问了再打开对比页。

记录选择

用户点“选择”会复制一句话，例如“<轮次>：选 03 <方向名>”。用户粘贴它或直接说出选择后，按轮次和编号对照当前 manifest，确认是这一轮的，把选择和备注更新到设计说明，再回到生成这个对比页的流程接着做。对比页不会写回任何文件，也不会自动给 Agent 发消息。

交付前对候选目录跑一次 node <skill>/scripts/shoot.mjs <manifest 所在目录> --size desktop --thumb --out shots/explore（一次出齐各候选缩略图与并排总览图 sheet.png）核对候选：每张画面和 manifest 里写的页面、状态、视口一致，中文字体真实渲染出来了。判断文字大小和细节时用单张查看的“实际尺寸 100%”，适应窗口的缩小图不能当作可读性通过。对比页本身的功能由 Skill 自带的测试保证，任务里不验证、不读模板源码。