从零开始写一个好看的按钮，要设置颜色、圆角、阴影、悬停效果、禁用状态……光一个按钮就要几十行 CSS。UI 组件库帮你把这些全做好了，拿来即用。

UI 组件库 = 一套预制的界面组件（按钮、输入框、弹窗、表格等），设计统一、功能完善、开箱即用。使用组件库可以让你专注于业务逻辑，而不是花大量时间在 CSS 样式上。这也是 AI 编程效率高的秘诀之一。

常见 UI 组件

使用 UI 组件库的最大好处是什么？

• 让代码运行更快
• 不用写任何代码
• 复用预制组件，专注业务逻辑
• 完全替代设计师

组件库有很多选择，各有特色。AI 编程中最推荐 shadcn/ui——它的代码直接复制到项目中，AI 可以自由修改。来看看主流组件库的对比——

UI 库对比

AI 编程中的最佳实践：使用 shadcn/ui + Tailwind CSS 组合。shadcn/ui 提供精美的预制组件，Tailwind CSS 提供灵活的样式工具类。两者配合，AI 可以快速生成美观、一致、可定制的界面。v0.dev 就是基于这套方案生成 UI 代码的。

你不需要记住每个组件的用法——告诉 AI「用 shadcn 的 Card 组件做一个用户列表」，它就会帮你生成完整代码。理解有哪些组件可用，比记住语法更重要。