用途：这是一个面向 Codex 的“图像优先”网站设计到代码技能，定位为资深网页设计艺术指导与实现策略。适用于 hero 区块、落地页、营销站、创业公司站点、编辑型品牌页、产品页、作品集以及注重视觉质量的重设计任务。
主要能力：强调先自行生成设计图，再深度分析图像，最后实现前端；图像是主要视觉依据，代码是翻译层。要求为每个区块生成独立大图而非压缩成一张，区块数对应图像数；不裁剪旧图，细节不清时重新生成同风格独立图；可额外生成细节/提取图以提升可读性。分析需提取文字、字体层级、间距、按钮、卡片、配色、圆角、网格与布局逻辑。内置基线配置（如设计变化度 8、视觉密度 3、艺术指导 8、实现清晰度 9 等）与组合变化引擎，避免重复的 AI 默认风格。
使用方式：在支持图像生成与实现的环境中，按“推断区块数→生成区块参考图→按需生成细节图→重新生成不清晰区块→深度分析→提取设计系统→实现前端”的顺序执行。仅当任务偏技术、修 bug、用户已提供精确设计系统或偏结构而非视觉时，才可直接编码。
限制：资料未提供具体安装命令、收费、价格、平台支持范围与效果保证；部分内容为设计指导原则而非可执行代码。