tailwind-v4-shadcn - 配置 Tailwind v4 与 shadcn/ui
使用 CSS 变量、@theme 映射、基础样式和自动暗色模式配置 Tailwind v4 与 shadcn/ui。
标签
更新于: 2026-10-05能力
典型输入
典型输出
该技能可以做什么
- 安装 Tailwind 依赖
- 配置 Vite 插件
- 定义主题 CSS 变量
- 使用 @theme 映射变量
- 配置自动暗色模式
- 诊断常见 v4 错误
输入
- React 项目
- 主题需求
- 现有 Tailwind 配置
- 包管理器
输出
- 更新后的依赖配置
- 更新后的 Vite 配置
- 更新后的 components.json
- 更新后的 CSS 主题配置
- 暗色模式设置
- 配置指导
要求
- Tailwind CSS v4
- Vite
- shadcn/ui
- @tailwindcss/vite
- tw-animate-css