用途：面向视觉质量重要的网站前端任务，如 hero 区块、落地页、营销站、创业公司站、编辑型品牌页、产品页、作品集与多分区高级网站及改版。核心指令为“图像优先”：不先自由写代码，而是先自行生成设计图，再深度分析，最后实现前端。若图像生成可用，禁止跳过生成步骤，生成的图片是主要视觉依据，代码是转化层。
主要能力与规则：按区块拆分生成图片，在 Codex 中默认一个区块对应一张图，区块越多生成越多的图，避免把多个区块压进一张导致文字过小；不得从旧图中裁剪区块，应重新生成独立区块图；不清晰时可再生成更易读的独立图或细节图。分析需提取可见文字、标题与 CTA 措辞、字体气质、字号层级、间距、卡片节奏、圆角、按钮层级、配色、背景与图片处理、网格与区块顺序等，之后才实现。
使用方式：先推断区块数量，生成参考图，必要时补充细节图或重生成，深度检查后提取设计系统并实现，仅在图片模糊时补全细节。触发条件包括“漂亮的 hero”“高级落地页”“创意网站”“改版”“更现代”“更有美感”“精致营销页”“作品集”“多分区概念”等视觉描述。纯技术任务、修 bug、用户已提供精确设计系统或偏结构任务时，可直接写代码。
限制：资料未提供具体安装命令、收费、价格、平台支持与效果数据；输出质量依赖可用图像生成能力与人工/模型分析。