用途
imagegen-frontend-web 是一套前端图像艺术指导技能，用于生成高端、具备转化意识、可作为前端实现参考的网站设计图。它的目标不是生成泛泛的 AI 艺术图，而是产出看起来像真实高端网站概念的设计稿，让开发者或编码模型能够直接理解页面如何搭建。
主要能力
- 按版块拆分输出：每请求一个版块就单独生成一张横向图片，不把多个版块合成一张，也不返回包含整页的超长图。
- 数量默认规则：单张「hero」为 1 张图；「landing page」或「site template」默认 6 个版块、6 张图；「full website」「marketing site」默认 8 个版块、8 张图；「product page」「portfolio」默认 6 张。若模型一次只能渲染一张，则在同一次回复中逐张顺序输出，并标注「Section X of N」。
- 视觉基线配置：设计变化度 8、视觉密度 4、艺术方向 8、实现清晰度 9、图像使用优先级 9、留白充裕度 8、布局变化 8、转化纪律 8。这些值会依据用户简述动态调整，用户简述始终优先于默认值。
- 组合变化引擎：从主题范式、背景特征、字体气质、英雄区结构、版块系统、标志性组件、动效暗示、构图锚点、背景模式、CTA 变体、英雄尺度、叙事主线、二次阅读点等类别中选择组合，以避免重复、雷同的 AI 观感。
- 英雄区指导：明确反对把「左文右图」当作默认，提供居中式、左下压图、右下压图、左上引导、居中堆叠、图像即画布、离网杂志式等多种替代，并要求主标题短而有力。
- 前端参考导向：每张图需清晰传达布局、版块层级、间距、字体尺度、视觉节奏、CTA 优先级、组件样式、图像处理与整体设计系统。
使用方式
用户给出网站设计简述，技能据此决定版块数量、视觉方向、英雄尺度与各版块的构图、背景和 CTA 变体，然后按每个版块一张图的方式输出。资料中未提供具体安装命令、调用示例或运行平台说明。
适用场景
适合需要快速产出多个网站版块设计参考、并且希望这些参考具备可读性和可实现性的场景，例如落地页、营销站点、完整网站模板、产品页与作品集页的设计探索。
限制
- 硬性输出规则优先：每版块一图，不得合并或返回整页长图。
- 各项默认配置仅供参考，用户简述优先；资料未说明这些配置的调整边界。
- 技能属于视觉指导性质，资料强调这些提示不是编码指令，也不提供可直接运行的代码。
- 资料未提供收费、价格、平台支持、效果保证或具体使用步骤等信息。