SuperAPI AI 工具集

design-first-ui-prompting

设计与创作

查看项目

更新于 10-16 00:28

技能介绍

该技能用于“设计优先”的提示词编写:把模糊想法转化为紧凑的规格说明,从而生成风格一致的 UI。核心原则是像写设计系统一样写提示词,而不是许愿。

用途:为落地页首屏、引导流程、仪表盘、轮播图等界面生成提示词,并保证多次生成结果的一致性。

主要能力:提供可复制的提示词骨架,包含目标(做什么、给谁看、成功标准)、格式(尺寸/比例、安全边距)、布局(网格、位置、层级)、字体系统(字体气质、字重、行距、字距)、颜色与材质(背景、文字、单一强调色、纹理)、图像与 UI 风格、需精确渲染的文案、约束(只改一到两处)以及负面提示(不要 logo、水印、多余文字、乱码字体)。

使用方式:先锁定一套“系统”,确定布局、层级与文案,再通过变体迭代,每次只改一个变量,如角度/裁切、强调色、卡片排布、背景色调。若模型反复拼错文字,可用两遍流程:先生成无文字版本并预留干净的文字安全区,再在 Figma 中排版。需要模型遵循某种风格时,加入“约束卡片”写明具体值,如 FONT CANELA、STYLE MINIMAL、MODE DARK。建议维护本地参考包,把参考图存入 gitignored 的 refs/ 目录,并在提示词中指向该参考风格。

适用场景:需要快速产出可浏览、规格驱动的 UI 提示词,或希望统一字体、间距、对比度与层级时。

限制:资料未提供具体收费、价格、平台支持范围或效果保证;字体名称、颜色值等需按实际项目替换。