用途：该技能用于对视觉质量要求高的网站设计任务，先把设计图作为艺术方向来源，再把图像翻译成真实前端代码。适用对象包括 hero 区、落地页、营销站、创业公司站点、编辑品牌页、产品页、作品集与多段式高级网站，以及重视视觉品质的改版。
核心流程：强制先由自身生成设计图像，再对图像做深度分析，最后才实现前端。不得在图像生成可用时跳过生成、不得先自由编码。每个网站段落默认生成一张大图，例如 1 段生成 1 张、2 段生成 2 张，以此类推，以便文字可读、排版可分析、间距与按钮可检查、组件可提取。
主要规则：不要为省事把过多段落压进一张小字拼图；不清析的段落应重新生成独立大图，而非从旧图裁剪；可额外生成细节图以读取标题、CTA、按钮、卡片、导航、页脚等，需保持同一视觉语言、配色、字体氛围与圆角逻辑。
分析要求：逐段检查布局、视觉优先级、可读文字、字体层级、间距、控件、卡片逻辑、主色、结构节奏与仍不清楚的细节。未分析完不实现；清晰度不足先补图。
方向配置：默认设计变化 8、视觉密度 3、艺术指导 8、实现清晰度 9、图像优先 9、留白充足 9、分析精度 10、图像生成积极性 10、UI 简洁纪律 9，可依据用户描述调整。
风格引擎：从主题、背景、字体、hero 架构、段落系统、4 个签名组件与 2 种隐含动效中各选一种组合并保持一致，避免杂乱堆叠。
hero 限制：保持构图干净、标题短而有力，建议 1 至 3 行，避免长换行、过多徽章、假数据、微小标签与首屏拥挤。
限制：资料未提供具体安装命令、价格、平台支持与完整代码示例；是否可用取决于所在环境是否支持图像生成与实现。