用途
imagegen-frontend-web 是一个前端图像指导技能，目标是生成具有高端感、兼顾转化率的网站设计参考图。它强调产出不是通用 AI 艺术图，而是能作为真实高端网站概念的前端设计稿。资料明确指出，如果请求针对前端，不应输出含糊的抽象艺术作品。
主要能力
该技能的核心输出规则是：每个区块单独生成一张横向图片，始终如此，不设例外。用户要求 1 个区块就生成 1 张图，4 个区块生成 4 张图，8 个区块生成 8 张图，12 个区块生成 12 张图。若“landing page”未说明数量，默认 6 个区块即 6 张图；“full website template”默认 8 个区块即 8 张图。每张图都是一个区块，通过独立图像调用生成，绝不把多个区块合并到一个画面，也不返回包含整页的单张长图。若一次只能渲染一张图，则在同一回复中按顺序逐张输出，并为每张标注区块序号与名称。
技能强调 awwwards 级别的图像艺术指导，主动打破常见 AI 图像默认效果，例如居中的暗色 hero、紫蓝色 AI 光晕、无意义漂浮团块、通用仪表盘卡片、弱字体层级、克隆式区块、仅靠米色衬线字体的“奢华”、实际混乱难读的“创意”、文字过多而图像不足的布局、以及过度密集没有呼吸感的区块。产出应具备艺术指导感、高级感、视觉记忆点、结构感、可读性、便于实现，并能清楚作为前端参考使用。
使用方式
技能内置一组默认基准配置，用于指导生成：设计变化度 8、视觉密度 4、艺术指导 8、实现清晰度 9、图像使用优先级 9、留白宽松度 8、布局变化度 8、转化纪律 8。资料说明这些作为全局默认，除非用户明确要求其他方向；用户简述始终优先于默认值，并据此调整参数、hero 尺度、背景模式、渐变使用与构图变化。
技能提供一套组合式变化引擎，避免重复的 AI 观感。生成时会从多个类别中各选择一项并一致执行，包括：主题范式（如纯净浅色、深色、醒目纯色、安静高级中性色）、背景特征、字体特征、hero 架构、区块系统、恰好 4 个签名组件、恰好 2 个动效暗示。此外还包含逐区块的构图锚点、背景模式、CTA 变化、每页 hero 尺度、叙事主线，以及全页恰好一处“二次阅读时刻”。资料强调不要把所有元素揉成混乱，而是选择强组合并清晰执行。
hero 方面，技能要求主要标题读起来简短有力，通常为 5 至 10 个强词，而非段落；避免首屏塞满胶囊标签、假数据、徽章、微小 logo 与无意义细节；优先留白与对比。字体执行上偏好中等、常规或细字重的优雅感、紧凑字距、可控行数与强尺度对比，避免到处随机超粗、用渐变文字作为偷懒的高级效果、六行创业式标题等。图形上避免巨大无意义轮廓数字、廉价 SVG 填充图形、通用 AI 团块与随机漂浮光球。
适用场景
该技能输出默认是网站设计稿，除明确要求外不生成随机情绪艺术图。资料给出的风格映射场景包括：极简/干净/纯字体/瑞士/超简单；编辑/杂志/艺术指导/时尚；电影感/氛围/高级/奢华/大胆；SaaS/产品/仪表盘/金融科技/基础设施；代理机构/创意工作室/作品集；电商/商店/产品页。简述未指定风格时，使用默认并保持背景多样性。
限制
每个生成图像都必须清楚传达布局、区块层级、间距、字体尺度、视觉节奏、CTA 优先级、组件样式、图像处理与整体设计系统，使开发者或编码模型能够看图理解如何构建。资料未提供该技能的收费、价格、平台支持细节、安装命令或具体运行环境，这些信息暂未提供。