用途:将某个功能界面重新设计并规范化,使其匹配既定的设计系统、美学风格与既有模式,确保界面在视觉与体验上保持一致性。
主要能力:先梳理设计系统,包括设计原则、目标用户、组件模式与设计令牌(颜色、字体、间距);再分析当前功能,找出偏离设计系统之处,区分外观问题与功能问题,判断根因是缺失令牌、一次性实现还是概念偏差;随后制定规范化计划并执行改造。执行维度覆盖排版、颜色与主题、间距与布局、组件替换、动效与交互、响应式行为、无障碍(对比度、焦点状态、ARIA 标签)以及渐进披露。
使用方式:按计划、执行、清理三个阶段推进。计划阶段需检索设计系统文档、UI 指南、组件库或样式指南,若信息不清晰应主动询问而非猜测。清理阶段要求合并可复用组件、删除孤立代码、按仓库规范执行 lint、类型检查与测试,并消除重构中产生的重复。
明确禁止:在设计系统已有等价组件时新建一次性组件;对应当使用设计令牌的值进行硬编码;引入偏离设计系统的新模式;为视觉一致性牺牲无障碍。
适用场景:适用于需要将孤立功能、遗留界面或快速实现对齐到统一设计系统的前端工作。
限制:具体安装命令、收费、价格、平台与使用步骤在资料中暂未提供;实际效果取决于项目是否已有可检索的设计系统资料。