用途:将某个功能或界面重新设计,使其与项目既有设计系统保持一致,消除偏离与不一致。
主要能力:先做上下文调研,查找设计系统文档、UI 指南、组件库或样式指南,理解设计原则、目标用户、组件约定与设计令牌(颜色、排版、间距);再分析当前功能的偏差,区分外观问题与功能问题,定位根因(缺失令牌、一次性实现或概念错位);随后制定规范化计划并执行,覆盖排版、颜色与主题、间距与布局、组件、动效与交互、响应式行为、无障碍、渐进式披露等维度。
使用方式:该技能要求先使用 frontend-design 技能,遵循其中的设计原则、反模式与 Context Gathering Protocol;若尚无设计上下文,必须先运行 teach-impeccable。执行时用设计系统组件替换自定义实现,用设计令牌替换硬编码值,并匹配既有交互与断点模式。完成后清理代码:合并可复用组件、删除孤立代码、按仓库规范做 lint、类型检查与测试,并消除重构引入的重复。
限制与原则:不得在设计系统已有等价组件时新建一次性组件,不得硬编码应使用令牌的值,不得引入偏离设计系统的新模式,不得为视觉一致性牺牲无障碍。资料未提供具体安装命令、平台支持、收费方式与效果数据。