用途:在目标区域中发现可复用的 UI 模式、组件与设计令牌,将其提取并整合进设计系统,实现系统性复用。
主要能力:定位设计系统或共享 UI 目录并理解其结构(组件组织与命名、令牌结构、文档模式、导入导出约定);识别重复组件、硬编码值(颜色、间距、字体、阴影)、不一致变体及可复用布局与交互模式;评估提取价值(是否使用 3 次以上、是否提升一致性、维护成本与收益)。
使用方式:先发现与评估,再制定提取计划(要提取的组件、要创建的令牌、需支持的变体、命名约定、迁移路径),随后构建带清晰 props API、合理默认值、变体、无障碍支持(ARIA、键盘导航、焦点管理)与文档示例的组件,创建命名清晰(原始与语义)的令牌,并记录模式的使用时机与示例;最后系统性替换现有用法、测试视觉与功能一致性、删除死代码并更新文档与组件目录。
限制:若不存在设计系统,需先询问再创建;不应提取一次性、上下文特定的实现,不应创建过于通用而无用的组件,不应忽略既有约定,不应跳过 TypeScript 类型或 props 文档,也不应为每个值都创建令牌。设计系统应增量生长,只提取当前明确可复用者。具体安装与运行命令暂未提供。