用途：将网站视觉设计转化为前端代码，重点服务于视觉质量要求高的页面，如 hero 区、落地页、营销站、创业公司站点、编辑品牌页、产品页、多区块高端网站与重设计。
主要能力：强调图像优先流程。对主要视觉任务，需先生成设计图，再深度分析图像，最后实现前端；生成图是主要视觉依据，代码是翻译层。为提升可提取性，鼓励按区块生成足够多的大图，Codex 内默认一区块一图，而非把多区块压成一张难以阅读的拼图。区块不清时可生成新的独立图，不应从旧图裁剪。分析需提取文本、字体层级、间距、颜色、按钮、卡片、网格与版式节奏。
使用方式：先判断区块数量，生成区块参考图；需要时补充细节或提取图；对不清晰区块重新生成；全面分析后按图实现前端；仅在图像留白处自行补充细节。资料给出设计基准参数如 DESIGN_VARIANCE、VISUAL_DENSITY、ART_DIRECTION 等，用户可按需求调整。
适用场景：视觉优先的前端任务，例如更美、更现代、更精致的网站与界面。纯技术、缺陷修复、已有精确设计系统或偏结构任务，可接受直接编码优先。
限制：未提供具体安装命令、价格、平台支持与效果数据；技能为文本指令集，实际可用性取决于运行环境是否支持图像生成与 Codex 执行。