组件库
Component Library
前端工程也叫：UI 库、UI 框架、组件包、设计系统
一句话：别人做好、可以直接安装使用的一整套界面组件，如按钮、表单、弹窗，风格统一，省去从零编写。
详细解释
组件库像一盒配好色的成品积木：按钮、输入框、表格、对话框都做好了，风格统一，还处理好了键盘操作、无障碍等细节。常见的有 Ant Design、Element Plus、MUI、shadcn/ui 等。
它不是框架，而是依附于某个框架：Ant Design 用于 React，Element Plus 用于 Vue，不能跨框架混用。shadcn/ui 比较特别，是把组件源码直接复制进你的项目，可以随意修改。
新手常见问题是一个项目里混用了两三个组件库，导致风格不统一、体积变大。建议选定一个并写进规则文件，让 AI 优先用库里的组件，而不是每次手写一个新的。
怎么跟 AI 说
可以直接贴给 Cursor、Claude Code 等工具，把里面的业务内容换成你自己的。
项目统一使用 shadcn/ui，请把这个页面里手写的弹窗、下拉框和按钮换成 shadcn/ui 里对应的组件，功能保持不变。之后新增界面也优先使用组件库已有的组件，不要额外引入其他 UI 库。