用途：这是一个面向 Codex 的网站设计「图像优先」技能，用于 hero 区、落地页、营销站、创业公司站点、编辑型品牌页、产品页、作品集以及重视视觉质量的重设计任务。核心主张是先由模型自行生成设计图，再深度分析，最后才写前端代码；图像是设计来源，代码是翻译层。
主要能力与规则：对视觉重要的网页任务，强制先出图、再分析、后实现，不得直接自由编码。要求生成足够多的图，宁可多而清晰，也不要少而压缩；在 Codex 内默认按区块数量出图（1 个区块 1 张，依此类推），避免把多个区块塞进一张导致文字、间距、按钮过小。需要更清晰细节时，应重新生成独立的新图，而不是裁剪、放大或切割旧图；新图需保持同一配色、字体气质、按钮风格与圆角逻辑。分析要求系统化，提取可见文字、标题与 CTA 措辞、字体层级、间距、内边距、卡片节奏、圆角、描边、按钮层级、配色、图像与图标处理、阴影、网格与区块顺序等。
使用方式：在支持图像生成与实现的环境中，按「推断区块数→生成区块参考图→按需生成细节图→必要时重生成→深度分析→提取设计系统→实现前端」的顺序执行。资料未提供具体安装命令或调用参数。
适用场景：以视觉质量为主的网页设计请求，如漂亮 hero、高级落地页、创意网站、重设计、更现代的界面、作品集、创业公司站点、多区块网站概念等。纯技术任务、修 bug、用户已提供精确设计系统或偏结构性的任务，可接受直接编码。
限制：资料未提供收费、价格、平台支持范围与效果保证；技能依赖图像生成能力，若环境不支持则无法执行图像优先流程。