用途：这是一个面向 Codex 的网站设计技能，定位为“图像优先的网站设计转代码”。适用于英雄区、落地页、营销站、创业公司站点、编辑型品牌页、产品页、作品集以及重视视觉质量的重设计任务。
主要能力与规则：核心指令要求对视觉重要的网页任务必须先自行生成设计图，再深度分析图像，最后才实现前端；不得跳过图像生成直接自由编码。图像是主要视觉来源，代码是翻译层。技能内置一组基线配置，如设计变化度 8、视觉密度 3、艺术指导 8、实现清晰度 9、图像使用优先级 9、间距宽松度 9、分析精度 10、图像生成积极度 10、UI 简洁纪律 9，并可按用户意图调整。
使用方式：在 Codex 中默认按区块生成独立大图，区块数与图像数大致对应（1 个区块生成 1 张图，依此类推），以保证文字、排版、间距、按钮和布局细节可分析。需要更清晰细节时，应重新生成独立图像，而不是裁剪旧图；必要时可为同一区块生成额外的细节/提取图。分析阶段需系统提取可见文字、标题、CTA、字体气质、字号关系、间距、内边距、卡片节奏、圆角、描边、按钮层级、配色、背景处理、阴影、网格与区块顺序等，之后才实现前端。
适用场景与限制：适合以视觉质量为主的网页请求，如漂亮英雄区、高级落地页、创意网站、重设计、作品集等；纯技术任务、修 bug、用户已提供精确设计系统或偏结构性的任务可接受直接编码。资料未提供具体安装命令、收费、价格、平台支持范围或效果保证，这些暂未提供。