tailwind-v4-shadcn - 配置 Tailwind CSS v4 与 shadcn/ui
配置 Tailwind CSS v4 与 shadcn/ui、Vite、React、CSS 变量、语义化颜色和深色模式。
标签
更新于: 2026-09-30能力
典型输入
典型输出
该技能可以做什么
- 配置 Vite 集成
- 设置 shadcn/ui
- 定义 CSS 颜色变量
- 映射变量到工具类
- 实现深色模式
- 调试主题切换
- 修复颜色渲染问题
- 迁移 Tailwind v3 模式
输入
- React 项目
- Vite 配置
- shadcn/ui 配置
- CSS 源文件
- 主题需求
- 包管理器
输出
- 已配置的项目文件
- CSS 主题变量
- Vite 插件配置
- shadcn/ui 组件
- 深色模式行为
- 主题故障修复变更
要求
- React 与 Vite 环境
- Tailwind CSS v4 支持
- Node 包管理器
- 项目文件访问权限