该技能用于“设计优先”的提示词编写:把模糊想法转化为紧凑的规格说明,从而生成风格一致的 UI。核心原则是像设计系统一样写提示词,而不是许愿。
用途与结构:提供可复制的提示词骨架,包含目标(做什么、面向谁、成功标准)、格式(尺寸/比例、安全边距)、布局(网格、位置、层级 H1→副标题→正文→CTA)、字体系统(字体风格、字重、行距、字距)、颜色与材质(背景、文字、单一强调色、纹理)、图像/UI 风格、需精确渲染的文案、约束(只改 1–2 项)以及负面提示(无 logo、无水印、无多余文字、无乱码排版)。
主要能力与规则:先锁定一个“系统”,再通过变体迭代,每次只改一个变量(角度/裁切、强调色、卡片排布、背景色调);把排版视为脆弱环节,若模型反复拼错文字,可用两遍流程——先生成无文字版本并预留干净文字安全区,再在 Figma 中排版;使用“约束卡片”以显式数值锚定风格,例如 Constraints / FONT CANELA / STYLE MINIMAL / MODE DARK;维护本地参考包,将参考图存入如 refs/ 的本地目录并在提示中指向该风格,不要指望模型“记住”品味。
快速迭代清单:调整间距(边距、行距、基线节奏)、对比度(背景与文字)、层级(一行主标题、一行辅助文案)、只用一种强调色、增加颗粒纹理并去除过度平滑。
适用场景:落地页首屏、引导流程、仪表盘、轮播图等 UI 生成任务,尤其适合需要统一视觉规范与可复现结果的场景。
限制:资料未提供具体平台支持、收费方式或效果保证;排版准确性依赖模型能力,必要时需借助外部工具完成文字排版。