用途：把有证据支撑的设计规格（design.md / DESIGN.md）与设计稿图片或截图结合，生成可直接进入实现阶段的高保真、无障碍、响应式 UI 原型。规格提供品牌令牌、组件规则与字体，图片提供本次页面的实际构图。
主要能力：区分 [OBSERVED] 与 [INFERRED] 证据；处理规格与图片冲突（令牌以规格为准，构图以图片为准，参考站截图以 prd.md 第 5 节为准）；确定字体来源（google / local / system）；按 docs/prd/<feature-name>/ 归档产物，默认输出 prototype.html；提供 preview-check.mjs 做静态与四档预览检查。
使用方式：找齐规格与图片两类输入，缺失时要求用户提供；未指定技术栈时默认使用带 Tailwind 的独立 prototype.html；实现前阅读 references/prototype-contract.md；验证命令为 node <this-skill>/scripts/preview-check.mjs <prototype.html> <截图目录>，无浏览器时脚本以退出码 3 结束。
适用场景：需要把设计规格与设计稿还原为可评审原型的页面；规格不完整时可配合 ui-ux-pro-max 补齐可用性、响应式、排版与无障碍指导。
限制：不得用通用设计建议替换已记录的调色板或排版系统；不得照搬参考站构图；规格未提供的断点、视觉比重、间距数值应标未知；无法运行预览检查时不得声称完成视觉验证；不得把文本转为 SVG 或图片规避字体问题；不得覆盖既有文件或创建泛化 outputs/ 目录。