Tailwind CSS

传统写法是先起一个类名，再去 CSS 文件里写样式；Tailwind 提供大量现成的小类名，一个类只管一件事：p-4 是内边距 16px，text-gray-500 是灰色文字，rounded-lg 是 8px 圆角，md:grid-cols-3 是中等屏幕以上三列，hover:bg-gray-100 是悬停时背景变浅。

AI 编程工具生成前端代码时很常用 Tailwind，shadcn/ui 等流行组件库也基于它。看懂常用类名，就能直接改 AI 生成的样式，也能用类名精确沟通，比如「把 gap-2 改成 gap-4」。

颜色、间距、断点可以在主题配置里统一定义，相当于项目的设计令牌。v3 和 v4 的配置方式差别很大，让 AI 改配置前先确认项目用的版本。