用途：把选定的视觉目标（图片、截图、mockup 或 Image Gen 结果）忠实还原为响应式网页或 Web 应用。仅凭文字需求不足以启动，必须先由 $get-context 回放并确认设计简述，否则应先路由到 $get-context；同时需参考 $index 与 $critical-overrides。
主要能力：梳理参考设计中的全部图像素材（英雄图、缩略图、装饰插画、纹理、Logo、产品图、头像等），使用内置 Image Gen 逐张生成；为整体页面定义分区，测量布局、间距与元素尺寸；寻找匹配的免费字体与最贴近的图标库；构建包含交互与状态的完整应用，而非静态页面。
使用方式：先加载 $user-context 并在可用时运行其 preflight 脚本，合理利用已保存的产品 URL、Figma、截图、代码库路径、Storybook、设计令牌等作为依据，但只查看当前任务需要的部分。从 local-prototype-preflight 开始构建，放入全部已生成素材后再继续；本地运行应用，用 browser-order 截图，运行 design-qa 作为阻塞式构建门禁，将报告保存为 design-qa.md，修复 P0/P1/P2 后重拍并重复，直至报告显示 final result: passed。移动端视图口则构建移动应用，不明确时默认桌面。
限制：禁止用自定义 div/CSS 图形、内联或手写 SVG、emoji、文本字形代替真实图标与图片素材；不得用通用占位符；图片内的文字应保留在图片中，除非源图明确显示可编辑 UI 文本叠加在图片上；生成素材需与参考保持同一艺术方向、配色与风格；Image Gen 不支持透明图，需要透明时须后处理。设计稿未要求的页面或路由不应新建。若截图或视觉对比被阻塞，报告须标为 blocked；未通过 design-qa 不得交付，交付时保持本地运行并提供可点击的本地 URL。P3 打磨不作为循环目标，仅留作后续迭代说明。部分平台、价格等信息暂未提供。