用途：把图像或生成的设计稿转成真实前端页面，适合在编码前先产出多个网站/页面概念、把截图复刻为 HTML/CSS/React、或对间距、字体、组件几何、交互状态与响应式断点做视觉迭代。不适用于普通业务逻辑改动、后端功能、简单文案修改或不产出图像与前端代码的设计评论。
主要能力与流程：第一阶段必须调用 $imagegen 生成四张风格各异的网站/页面设计图（默认使用内置图像生成工具，每个概念一次调用，除非环境支持多输出），逐张呈现后停下，等用户选择或要求修改；未选定前不写详细构建提示、不写代码。若图像生成不可用或失败，需报告阻塞并询问是否改用纯文本方案，不得静默替换。选定后把该图转成细粒度实现提示，涵盖画布与视口假设、页面结构、栅格比例、最大宽度、字体层级、颜色令牌、组件清单、复杂视觉系统行为、克制的动画规则、明确的“不要做”约束与验收标准。随后先勘察项目框架、路由、样式系统、包管理器、设计令牌、组件模式、图像字体处理与 lint/test/build 命令，再实现真实 UI 代码，使用语义结构与可访问交互元素，不把设计压平成静态图。最后在参考视口及宽屏、受限桌面/平板、移动宽度截图，循环比对并优先修复最大视觉偏差，直至仅剩细节微调。
限制：资料未提供具体安装命令、价格、平台支持范围与效果保证；需注意常见复刻失败点，如组件过大导致内容拥挤、最大宽度过窄造成大屏空白、锚定元素偏移、标签换行或截断、复杂组件在堆叠前重叠、移动端过晚堆叠等。