SuperAPI AI 工具集

fstack-design

设计与创作

查看项目

更新于 10-15 21:42

技能介绍

用途:修正 AI 生成的界面设计,使新 UI 与项目现有风格一致,并依据基本设计判断清理问题。核心规则是先匹配已有设计,让新界面看起来属于本项目,而非从其他应用粘贴而来。

适用场景:新增或改动的 UI 看起来不对、通用或与其余部分不一致;智能体刚生成的页面显得粗糙;可对某个页面、组件或整个 UI 调用 /fstack-design。

使用步骤:一,先学习现有设计系统,阅读样式表、tokens、主题和若干现有优质组件,记录真实调色板、字号层级、间距层级、圆角、阴影和组件模式。二,对照现有系统和基本设计常识审查目标 UI,找出自行发明颜色、尺寸、间距或组件之处,以及无动机渐变、过多字号、不一致内边距、随机阴影、用 emoji 当图标、脱离调色板的一次性颜色、冗余包裹 div 等问题。三,输出简短问题清单,每项说明问题及应改用的现有 token 或模式。四,暂停并询问要应用哪些修改。五,按批准项逐个页面或组件修复,复用现有 token 和类,除非用户同意系统确实缺失,否则不发明新值,并展示 diff。

限制:不得在项目已有合适方案时发明新颜色、字体、间距值或组件;不做重新设计,只做对齐和清理;不得为“修复”而添加 UI 框架或组件库;未经批准不得应用更改。