用途：把多张视觉网站参考图转化为原创前端设计方向，并细化选定方案，适用于以截图驱动的设计探索。它提供的是参考解读流程，而非固定风格；可配合用户选定的设计技能或模型自身判断使用，无需为此额外安装技能。
主要能力：先明确任务（产品、受众、页面类型、主行动、内容、实现范围与素材），默认在用户未指定数量时给出三个方向；保持各方案的产品主张、内容与功能范围一致，并标注合成数据与概念图，不虚构客户标识、数据或评价。随后实际打开并查看每个参考集合中通常2-5个代表性截图，记录标题与图像尺度、位置、留白、字体角色、材质、光线、配色、导航与CTA处理，区分反复出现的特征与单图特有母题；无法访问参考时须说明限制。
使用方式：为每个方向写方向卡，包含证据、可延续原则、需原创的主题或隐喻与构图配色、应避免重复的来源特征组合、以及与其他方案相同的区块与交互范围。默认采用代码优先路线，用实时HTML/SVG或真实产品截图呈现产品证据；当方向依赖摄影、插画、材质或氛围时生成原创图像，并记录提示词、输入与输出，页面文案、控件与数据仍保留在可访问的实时界面中。构建后渲染桌面、移动端及中间宽度，检查家族相似度、独立性、信息层级、图文平衡、响应式裁切、可读性与转化路径，并修复破损图片或溢出。
适用场景与限制：适合落地页等产品导向页面的设计探索与二轮细化；第二轮应保持选定美学与主视觉概念，通常做三个有意义的变体。图像稿仅为静态提案，不体现响应式与交互。用户未选定方向前不应擅自决定；参考库默认保留在本地，不打包他人参考库。可选打磨、提示词模板与技能对比流程见对应参考文件。