用途：把附带的截图或视觉参考还原为可运行的网站、应用界面、组件、仪表盘、落地页和响应式界面，将截图视为视觉证据而非灵感，同时保证实现响应式、可访问、可维护。
主要能力：先以全分辨率检查每张截图，记录像素尺寸、方向、浏览器/设备外壳、裁剪、内容密度与可能的 CSS 视口；再检查仓库的框架、路由、样式方案、组件库、设计令牌、字体、资源、断点与测试工具，确定正确的页面或组件入口。对多张截图，映射到路由、视口、UI 状态与共享外壳，判断是独立页面、响应式变体、弹窗/菜单状态还是同一流程的步骤。
使用方式：按五个门控阶段推进——发现、规格、构建、对比、精修，不直接从看截图跳到调 CSS。先建立颜色、字体、间距、圆角、阴影、容器宽度与断点的共享令牌，再构建语义结构，先匹配宏观几何，再调排版与细节。用 CSS 布局系统而非硬编码坐标，仅在真实叠加层与图形中使用绝对定位。实现可见交互与状态（悬停、聚焦、激活、展开、选中、禁用、加载、错误）。运行项目并在各参考视口截图，用并排或叠加/差异工具对比，按结构尺寸、排版换行、间距对齐、颜色表面、资源、装饰的顺序修复差异，并检查至少一个用户未提供的中间宽度。
适用场景：从截图重建页面、组件、仪表盘、落地页；在已有仓库中增量改进匹配实现；处理多视口、移动端、表单、导航或交互密集的工作。
限制：不把截图本身作为页面或全屏背景嵌入；不用 canvas/SVG 路径描摹整个界面；不用数百个硬编码坐标匹配单一视口；不用模糊、过度渐变、叠加或裁剪容器掩盖差异；不用 emoji、随机图标或不相关图库图替代精确可见资源；不擅自安装新框架、CSS 系统或组件库；不因静态截图缺失就删除已有行为；未测试不宣称响应式、可访问或像素级准确。缺失事实：具体安装命令、依赖版本、支持的框架清单、收费与平台信息暂未提供。