SuperAPI AI 工具集

normalize

设计与创作

查看项目

更新于 10-15 17:27

技能介绍

用途:审计并将界面重新对齐到设计系统标准,包括间距、设计令牌(tokens)与既定模式。当用户提到一致性、设计漂移、样式不匹配时使用。它不是单纯的视觉清理,而是让间距、字体、颜色、交互和层级重新统一到系统语言。

主要能力:执行时按维度系统处理不一致,包括排版(使用设计系统字体、字号、字重、行高,以排版令牌替代硬编码值)、颜色与主题(应用颜色令牌,移除破坏配色的一次性颜色)、间距与布局(使用间距令牌与网格系统)、层级(恢复主次强调)、组件(以设计系统组件替换自定义实现)、动效与交互(对齐时序、缓动与交互模式)、常规 UX 模式(表单、表格、筛选、对话框、菜单、标签页与设置回归可识别惯例)、响应式行为、无障碍(对比度、焦点状态、ARIA 标签)、目标尺寸与放置(恢复更大的可点击区域)、渐进式披露。

使用方式:用户以 /normalize 启动工作流。技能激活后须加载 $frontend-design(含设计原则、反模式与上下文收集协议),并遵循该协议;若尚无设计上下文,必须先加载 $setup。流程分三步:先规划,搜索设计系统文档、UI 指南、组件库或风格指南,理解核心设计原则与美学方向、目标受众与人物角色、组件模式与惯例、设计令牌;再分析当前功能,找出偏离点、区分外观与功能不一致、定位根因;最后制定对齐计划并系统执行。之后进行清理:合并可复用组件、删除孤立代码、按仓库指南做 lint、类型检查与测试,确保未引入回归并保持 DRY。

适用场景:需要将某项功能或界面回归设计系统的场景,包括处理设计漂移、不匹配样式、遗留系统或新旧混合流程、部分迁移时,兼顾低风险升级策略。

限制:不得在存在设计系统等价物时创建新的一次性组件,不得硬编码本应使用设计令牌的值,不得引入偏离设计系统的新模式,不得为视觉一致性牺牲无障碍,也不得只让外观相似而层级仍不清晰。资料未提供平台、收费、价格等具体信息。