tailwind-v4-shadcn

用途：为 React 项目初始化 Tailwind CSS v4 与 shadcn/ui（基于 Vite），并在 AI 辅助下按经过生产验证的模式完成配置，减少试错。主要能力：给出依赖安装与 Vite 插件配置；提供四步 CSS 架构（根级定义 :root/.dark 变量、@theme inline 映射、@layer base 应用基础样式、自动暗色模式）；约定 components.json 中 tailwind.config 留空并删除 tailwind.config.ts；涵盖语义色令牌（destructive/success/warning/info）与 cn() 用法；列出常见问题与修复，如缺 @theme inline、hsl() 双重包裹、暗色模式不切换、构建失败等；并提供文件模板与参考文档入口。必要用法：安装依赖 bun add tailwindcss @tailwindcss/vite 与 bun add -d @types/node，用 pnpm dlx shadcn@latest init 初始化（资料称因 Bun 兼容问题改用 pnpm），在 vite.config.ts 引入 @tailwindcss/vite 插件并配置 @ 路径别名，按四步架构编写 src/index.css。限制：仅面向 Tailwind v4 + shadcn/ui + Vite + React 技术栈；明确不使用 tailwind.config.ts、@apply、dark: 语义色变体，且不安装 tailwindcss-animate 或 tw-animate-css；插件需用 @plugin 指令而非 @import。平台与费用信息暂未提供。