SuperAPI AI 工具集

normalize

设计与创作

查看项目

更新于 10-16 02:39

技能介绍

用途:将某个功能或页面重新设计,使其与项目既有的设计系统、美学和既定模式保持一致,消除偏离与不一致。

主要能力:先发现并研读设计系统文档、UI 指南、组件库或样式指南,理解设计原则、目标用户、组件约定与设计令牌(颜色、字体、间距);再分析当前功能的偏差,区分外观问题与功能问题,找出根因(缺少令牌、一次性实现或概念错位);随后制定规范化计划并执行。

执行维度:排版(使用设计系统字体、字号、字重、行高,替换硬编码值)、颜色与主题(应用颜色令牌,移除破坏调色板的一次性颜色)、间距与布局(使用间距令牌,对齐网格与布局模式)、组件(用设计系统组件替换自定义实现,匹配 props 与变体)、动效与交互(对齐动画时长、缓动与交互模式)、响应式行为(断点与响应式模式对齐)、可访问性(对比度、焦点状态、ARIA 标签符合要求)、渐进披露(信息层级与复杂度管理对齐既有模式)。

清理:合并可复用组件到设计系统或共享 UI 路径,删除因规范化而废弃的代码、样式或文件,按仓库规范执行 lint、类型检查与测试,避免回归,并消除重构中引入的重复。

限制与注意:资料未提供具体安装命令、平台支持、收费方式或使用步骤;执行时不应在存在设计系统等价物时创建一次性组件,不应硬编码本应使用令牌的值,不应引入偏离设计系统的新模式,也不应为视觉一致性牺牲可访问性。若设计系统原则不清晰,应先询问而非猜测。