用途:在带界面的代码库中工作时,先识别项目采用的设计系统,并完全遵循它,只在受认可的渠道内扩展,不重复造系统已提供的组件。适用于进入已有 UI 的代码库、向既有应用引入新 UI 元素、扩充组件库,或初始化将含 UI 层的新项目。触发信号包括来自 @shadcn/ui、@mui/material、antd、@chakra-ui 等的导入,components/ui 目录,tailwind.config、theme.ts 或设计令牌文件,以及需要为无系统项目添加 UI。
主要能力:提供检测流程(检查 package.json 依赖、扫描源码导入模式、查找内部组件库与设计令牌),并给出各系统的采用方式:shadcn/ui 遵循 components/ui 与 cva/cn 约定,可用 npx shadcn@latest add [component-name] 添加缺失组件;Material UI 通过 createTheme() 与 theme.components 扩展;Ant Design 通过 ConfigProvider 与 token 系统定制;Tailwind 独立使用时只消费 tailwind.config 中已有主题值。还包含无系统时的引导建议(如 Tailwind + shadcn/ui,命令 npx tailwindcss init -p、npx shadcn@latest init、npx shadcn@latest add button input card badge dialog toast),以及令牌发现方法。
使用方式:编写任何 UI 组件前依次执行检测、研读系统组件 API、评估系统是否已提供、验证组件是否与系统原生一致。新增组件时遵循系统的命名、API、样式机制、令牌与无障碍模式。
限制:资料未提供具体收费、价格、平台或效果信息;内容为规范与流程指导,不保证特定实现结果。