用途：当用户要求前端视觉稿、分区图片或图像先行的艺术指导、且不需要代码实现时，生成可读的视觉参考图，传达统一、连贯的网页设计系统。该技能只产出图像与艺术方向；若同时需要实现，应使用 image-to-code。
需求与路由：依据用户提供的产品、受众、内容、转化目标、品牌约束、视口与所选视觉风格。不要用另一套具名风格替换明确的美学，也不要混合相互冲突的风格规则。需求不充分时，推断低风险细节，只就可显著改变构图或品牌的问题提问。
确定图片集：生成能覆盖每种不同构图的最小集合，并保持可实施阅读的尺度。紧凑页面可能只需一张整页构图；长页面或变化多的页面可为分区分别出图；密集或交互元素可出聚焦细节视图。若合并视图仍然清晰，不必强制每个分区一张图，也不要把多个分区压成不可读的拼版。复杂页面集可阅读 references/section-system.md。
艺术方向：选择明确的主题、字体性格、配色、材质处理、首屏架构、分区系统与媒介语言。需要探索时可阅读 references/art-direction-options.md。跨图保持系统一致，同时变化构图锚点、媒介位置、尺度与密度。具名视觉风格应视为按需求选择的备选，而非与所有其他风格技能混合的规则。
内容与转化：使用可信、具体的内容以体现真实的换行与层级。首屏聚焦主要承诺与行动。仅当任务需要不同交互类型时，才变化 CTA 形式。避免填充标签、无意义指标、装饰徽章、重复通用卡片和无谓跑马灯。留白可以是有意为之。仅当产品确实需要时才使用数据展示。
生成：使用可用的图像生成工具。每个所需视图都以有用横向分辨率生成全新构图。每次提示都延续相同配色、字体、表面与组件语言。若输出丢失文字可读性、连续性或分区层级，重新生成该视图；不要通过裁剪放大旧图来伪造缺失细节。
质量检查：返回前检查每个必需分区或细节是否体现；小尺寸笔记本上首屏是否清晰；层级与换行是否可信；各图是否共享同一设计系统；分区构图是否机械重复；控件与文字对比度是否可用；视觉细节是否足够实施。更深入的检查可阅读 references/quality-check.md。返回图片时附一段简短映射，说明每张图对应哪个页面分区或用途。
限制：该技能不产出代码实现；不编造功能、收费或效果；具体生成工具能力、价格与平台信息暂未提供。