tailwind-v4-shadcn - 配置 Tailwind v4 与 shadcn/ui
使用 CSS 变量、@theme 映射、基础样式和暗色模式配置 Tailwind CSS v4 与 shadcn/ui，并处理已记录的迁移错误。
标签
更新于: 2026-10-05能力
典型输入
典型输出
该技能可以做什么
- 安装 Tailwind v4 依赖
- 配置 Vite 插件
- 定义 CSS 主题变量
- 使用 @theme inline 映射变量
- 设置自动暗色模式
- 诊断已记录的迁移错误
- 应用多主题 @theme 配置
输入
- React 项目
- Vite 配置
- 主题需求
- 现有 Tailwind 配置
- 现有 CSS 文件
输出
- 更新后的软件包依赖
- Vite 配置
- CSS 主题定义
- shadcn 组件配置
- 暗色模式主题行为
- 错误解决指导
要求
- React 项目
- Vite
- pnpm 包管理器
- Tailwind CSS v4
- shadcn/ui