以 skill 自身的术语
该 skill 生成高端网站设计参考图,以独立的横向图像呈现——每个板块一张图。它强制打破常见的左文右图套路,大胆使用满版背景,让 Hero 区域的比例产生变化(巨大/中等/迷你),并在所有板块中保持统一的调色方案。适用于落地页、营销网站以及开发者或编程模型需要还原的产品设计稿。
它使用可配置的基准参数:DESIGN_VARIANCE 8、VISUAL_DENSITY 4、ART_DIRECTION 8、IMPLEMENTATION_CLARITY 9、IMAGE_USAGE_PRIORITY 9、SPACING_GENEROSITY 8。该 skill 通过组合式变化——选择一种主题范式、字体特征、Hero 架构、板块体系与叙事概念主线——来打破 AI 的默认输出模式,同时保持转化纪律与板块间充裕、均匀的留白。
它产出什么
- 横向图像(16:9、16:10 或 21:9),以高保真方式每帧呈现一个聚焦的板块
- 按板块标注的图像集:“Section X of N: <name>”,直到交付完整数量
- 所有帧保持统一的品牌世界观:相同的调色方案、字体家族、CTA 识别、圆角、图像处理方式与语气基调
工作方式
- 01阅读 brief 并调整基准参数
该 skill 会仔细阅读用户提示,然后根据 brief 调整各项参数(设计差异度、视觉密度、艺术方向、实现清晰度、图像使用、间距、布局变化、转化纪律)、Hero 比例、背景模式、渐变使用与构图多样性。
- 02从每个组合类别中选择一个选项
该 skill 会根据提示确定一种主题范式、一种背景特征、一种字体特征、一种 Hero 架构、一种板块体系、恰好 4 个标志性组件、恰好 2 种隐含运动语言,以及一条叙事概念主线。
- 03为每个板块生成一张横向图像
每个板块都会获得独立的横向 16:9、16:10 或 21:9 图像。该 skill 从不将多个板块合并为一帧,也不会返回单张高长条图。
- 04变化构图锚点与背景模式
在各个板块中,该 skill 会选择不同的构图锚点(居中、左下叠加图像、左上引导、居中堆叠、离网编辑式等)和背景模式(纯色、满版图像、编辑式侧图、双色调、径向渐晕),以避免页面出现重复的 AI 布局。
- 05输出前进行 21 项清晰度检查
在最终确定之前,该 skill 会验证层级结构、Hero 区域的干净程度、视觉独特性、是否存在 AI 痕迹、高端质感、可编码性、多图一致性、图像表现力、留白空间、均匀间距、有意为之的创意,以及图像数量是否正确。