用途
该技能用于生成高水准、面向转化的网站设计参考图，定位是“精英级前端图像方向技能”。它不是生成泛泛的 AI 艺术图，而是产出接近真实高端网站概念稿的前端设计参考，让开发者或编码模型看图即可理解如何搭建。
主要能力
分节出图（首要输出规则）
每个区块生成一张独立的横向图片，始终如此，没有例外：请求 1 个区块则 1 张图，4 个区块则 4 张，8 个则 8 张，12 个则 12 张。若只说“landing page”而未给数量，默认 6 个区块即 6 张图；“full website template”默认 8 个区块即 8 张图。绝不把多个区块合并进一个画面，绝不返回一张包含整页的高长图。若一次只能渲染一张，则在同一次回复中依次输出，每张标注“Section X of N: 区块名”，直到全部完成。
基线视觉参数
设计变化度 8、视觉密度 4、艺术指导 8、可实施清晰度 9、图像使用优先级 9、间距充裕度 8、布局变化度 8、转化纪律 8。这些作为全局默认，除非用户明确另有要求；用户需求始终优先于默认值。例如“clean”则降低密度、提升清晰度；“crazy creative”则提高变化度与艺术指导；“premium SaaS”保持高清晰度与受控的艺术指导；“editorial”允许更强的字体与更多不对称。
需求到方向的映射
按用户的风格关键词调整首屏尺度、背景模式、渐变与构图：
- 极简/干净/纯字体/瑞士风：迷你极简首屏，纯色表面、细微纹理，可选一处色块双联，构图居中堆叠、大量留白，可跳过全出血要求。
- 编辑/杂志/艺术指导/时尚：中编辑或巨型宣言首屏，编辑式侧图、双色调处理图、氛围照片调色，仅用细微色调渐变，偏网格错位与不对称。
- 电影感/氛围/高端/奢华/大胆：巨型宣言首屏，全出血图配色调叠加、柔和径向渐晕配产品、微噪点渐变，构图可为左下压图、居中偏下、图像即画布。
- SaaS/产品/仪表盘/金融科技/基础设施：中编辑首屏，纯色加内联素材、平面色块加细节裁切，渐变极克制，构图清晰框定产品、信任导向锚点，可实施清晰度略高。
- 机构/创意工作室/作品集：巨型宣言或迷你极简（果断二选一），背景大胆变化，构图偏网格、海报式。
- 电商/商店/产品页：中编辑首屏且产品为焦点，全出血产品图、柔和径向渐晕加裁切，构图以产品为主导、CTA 明确。
- 若需求未提风格：使用默认参数并自信地变化背景，果断选定一种首屏尺度，不折中。
组合式变化机制
每个维度选择一项并一致执行，避免重复的“AI 感”输出：
- 主题范式：纯净亮色、深色模式、大胆工作室纯色、安静高级中性。
- 背景特征：细微技术网格/点阵、纯色加柔和环境渐变、全出血电影感图像、安静纸感材质。
- 字体气质：干净 grotesk、精致 grotesk、表现型 display、压缩宣言体、编辑衬线搭配无衬线、瑞士理性无衬线。
- 首屏架构：电影感居中极简、不对称分栏、漂浮拍立得散落、内联巨型排版、编辑错位构图、大图优先配克制文字。
- 区块系统：严格模块 bento 节奏、交替编辑块、海报式堆叠叙事、画廊主导节奏、瑞士网格纪律、不对称高级营销流。
- 标志性组件：从对角错落方形瀑布流、3D 层叠卡组、悬停手风琴切片、无缝 bento 网格、品牌跑马灯、旋转拍立得弧、垂直节奏线、偏网格编辑布局、产品 UI 面板堆叠、分离式口碑墙、超大指标条、层叠图片裁切框中选 4 个。
- 动效暗示：从滚动文字揭示、固定叙事区、错落上浮、视差图像漂移、平滑手风琴展开、电影感淡入淡出中选 2 个。
- 构图锚点：每区块选 1 个，全站至少出现 3 种不同锚点。
- 背景模式：每区块选 1 种并在全页变化，包括纯色加内联素材、细微纹理、全出血图加色调叠加、编辑侧图、图像即画布、平色块加细节裁切、电影色调渐变、氛围照片强调色、双色调、柔和径向渐晕、微噪点渐变、色块双联。
- CTA 变化：经典主胶囊、描边幽灵、带箭头的下划线内联链接、横幅式通栏 CTA、超大标题加极简 CTA 提示、强视觉下的字幕式 CTA；全站至少变化一次，主行动点始终明确。
- 首屏尺度：巨型宣言、中编辑、迷你极简，必须匹配品牌基调。
- 叙事主线：器物/收藏品、旅程/朝圣、工具/精密仪器、生命系统/花园、舞台/聚光灯、档案/卷宗。
- 第二眼细节：全页仅放置一处不显眼但可读的母题，如不对称出血、超大标点或数字、意外的材质切换、窄垂直侧栏编辑注、自然承载品牌色的微距裁切。
前端参考规则
每张生成图必须清晰传达：布局、区块层级、间距、字体尺度、视觉节奏、CTA 优先级、组件样式、图像处理与整体设计系统，使开发者或编码模型能看懂如何实现。
首屏克制规则
首屏应像强有力的开场场景，构图干净、不过度拥挤，主标题短而有力（通常 5–10 个词），留白与对比优先。字体偏好中等/常规/轻量优雅、紧字距、受控行数、强尺度对比；避免到处超粗喊话、渐变文字充高级、六行创业标题。图形上避免无意义超大描边数字、廉价 SVG 填充图形、通用 AI 光斑与轨道杂物，优先使用排版、图像裁切、真实布局张力、高级材质与强框景。
使用方式
向该技能给出网站或落地页的设计需求，并说明区块数量与风格关键词。它会按“每个区块一张横向图”的方式输出，并逐张标注序号与区块名。若请求中区块数量不明确，会按默认值：hero 为 1 张，landing page / site template 默认 6 节，full website / marketing site 默认 8 节，product page 默认 6 节，portfolio 默认 6 节。
适用场景
落地页、营销站、完整网站模板、产品页与作品集的前端设计参考出图，尤其适合需要艺术指导级、可实施的网站版面方案时。
限制
该技能仅产出视觉方向参考图，资料未提供其代码实现方式、安装命令、收费与价格信息，也未说明具体支持的模型或平台，这些内容暂未提供。