用途
imagegen-frontend-web 是一个面向前端设计的图像生成技能，用于生成高端、注重转化效果的网站设计参考图。它的目标不是生成泛泛的 AI 艺术图，而是产出具有艺术指导感、高级感、视觉记忆点、结构清晰、可读性强、便于实现的前端设计参考。默认输出网站设计稿，除非用户明确要求，否则不生成随意的情绪板艺术图。
主要能力
硬性输出规则
每个区块单独生成一张横向图片，始终如此，没有例外。请求 1 个区块就生成 1 张图，请求 4 个区块就生成 4 张图，请求 8 个区块就生成 8 张图，请求 12 个区块就生成 12 张图。如果只说“landing page”而没有数量，默认按 6 个区块处理，生成 6 张图；如果说“full website template”，默认按 8 个区块处理，生成 8 张图。每张图就是一个区块，作为独立的图像调用生成。绝不把多个区块合并到一帧里，绝不返回一张包含整页的高长图。如果一次只能渲染一张图，就在同一回复中依次输出，直到每个区块都有自己的图，并逐一标注（如“Section 1 of 8: Hero”）。该规则覆盖任何想要把输出折叠成单张图的模型默认行为。
首屏构图偏好
默认的“左文右图”首屏是最被滥用的 AI 模式。它被允许使用，但不应该是第一直觉。在采用它之前，应考虑以下替代方案并选择最适合品牌的：居中叠加在背景图上、左下叠加在图上、右下叠加在图上、左上引导、堆叠居中、图像即画布、离网编辑式、迷你极简、右文左图（反向经典）。只有当左文右图确实是最强选择时才使用它，而不是默认使用。
艺术指导基线配置
技能内置了一组全局默认参数，除非用户明确要求其他方向：设计变化度 8（1 为刚性对称，10 为艺术化非对称）、视觉密度 4（1 为通透画廊感，10 为密集强烈）、艺术方向 8（1 为安全商业，10 为大胆创意宣言）、实现清晰度 9（1 为松散情绪板，10 为非常可编码的 UI 参考）、图像使用优先级 9（1 为以文字为主，10 为强烈图像主导）、间距慷慨度 8（1 为紧凑，10 为非常宽敞通透）、布局变化度 8（1 为重复同一锚点，10 为区块间大胆构图变化）、转化纪律 8（1 为纯艺术情绪板，10 为清晰漏斗与高级设计的平衡）。这些参数会根据提示词动态调整：用户说“clean”就降低密度、提高清晰度；说“crazy creative”就提高变化度和艺术方向；说“premium SaaS”就保持高清晰度和受控的艺术方向；说“editorial”就允许更强的字体和更多非对称。
组合式变化引擎
为避免重复的 AI 感输出，技能会在内部从多个类别中各选一个选项并一致地执行，而不是把所有东西混成一团。类别包括：主题范式（纯净浅色模式、深暗模式、大胆工作室纯色、安静高级中性色）、背景特征（细微技术网格/点阵、纯色场加柔和环境渐变深度、全出血电影感图像、安静纹理纸感）、字体性格（Satoshi 类干净 grotesk、Neue-Montreal 类精致 grotesk、Cabinet/Clash 类表现型展示字体、Monument 类压缩宣言字体、优雅编辑衬线加无衬线搭配、瑞士理性无衬线强层级）、首屏架构（电影感居中极简、非对称分栏、漂浮宝丽来散布、内联字体巨兽、编辑式偏移构图、大图优先首屏配克制文字）、区块系统（严格模块化便当节奏、交替编辑块、海报式堆叠叙事、画廊主导视觉节奏、瑞士网格纪律、非对称高级营销流）、标志性组件（恰好选 4 个独特组件）、动效暗示（恰好选 2 个）、构图锚点（每个区块选 1 个，全站至少出现 3 种不同锚点）、背景模式（每个区块选 1 个，全页变化）、CTA 变化（全站至少变化一次）、首屏尺度（每页选 1 个）、叙事主线（选 1 个贯穿全页）、二次阅读时刻（恰好选 1 个不显眼但可读的母题，全页只放一次）。
前端参考规则
每张生成的图必须清晰传达：布局、区块层级、间距、字体尺度、视觉节奏、CTA 优先级、组件样式、图像处理、整体设计系统。开发者或编码模型应该能看着图理解如何构建它。当请求是前端设计时，不要产出模糊的抽象艺术图。
首屏极简规则
首屏必须感觉像强烈的开场场景，保持构图干净，不要过度拥挤第一视口。主标题必须简短有力，通常读起来像 5-10 个强词，而不是一段话。支持文字保持简洁，优先负空间和对比。避免在首屏塞满药丸标签、假数据、徽章、小 logo 和无意义细节。字体执行上偏好中等/常规/轻盈的优雅、紧凑字距、受控行数、强尺度对比；避免到处随机超粗喊叫、渐变文字作为懒惰的高级效果、六行创业公司标题、看起来像生成的文字处理。图形克制上不要默认使用巨大的无意义轮廓数字、廉价 SVG 感填充图形、通用 AI 团块、随机球体杂物；而应使用字体、图像裁切、真实布局张力、高级材质、强框架。
使用方式
该技能通过提示词驱动。用户提供设计需求（如“landing page”“full website template”“product page”“portfolio”等），技能根据提示词动态调整基线参数，从组合式变化引擎中选择一致的设计方向，然后按区块数量逐一生成独立的横向设计参考图。如果请求对区块数量含糊，默认取较高值：hero 为 1 张图，landing page/site template 默认 6 个区块，full website/marketing site 默认 8 个区块，product page 默认 6 个区块，portfolio 默认 6 个区块。
适用场景
适用于需要生成高端网站设计参考图的前端设计场景，包括落地页、完整网站模板、营销网站、产品页、作品集等。适合需要艺术指导感、转化意识、可编码参考的设计工作流。
限制
资料中未提供关于收费、价格、平台支持、具体效果保证等信息。该技能依赖底层图像生成模型的能力，如果模型一次只能渲染一张图，需要依次输出。资料中关于“如果模型可以”之后的内容被截断，暂未提供完整信息。