tailwind-v4-shadcn - 配置 Tailwind v4 与 shadcn/ui 主题架构
使用 CSS 变量、@theme 映射、基础样式和自动暗色模式配置 Tailwind v4 与 shadcn/ui。
标签
更新于: 2026-10-05能力
典型输入
典型输出
该技能可以做什么
- 安装所需依赖
- 配置 Vite 插件
- 定义 CSS 主题变量
- 将变量映射到工具类
- 应用基础样式
- 设置暗色模式
- 迁移 v3 配置
- 诊断已记录错误
输入
- React 项目
- Vite 配置
- CSS 入口文件
- components.json
- 现有 Tailwind v3 配置
- 主题需求
输出
- 更新后的项目配置
- 已安装的软件包依赖
- CSS 变量定义
- Tailwind 工具类映射
- 暗色模式主题切换
- 已解决的配置错误
要求
- React 项目
- Vite 构建环境
- pnpm 包管理器