用途：在 Vite + React + TypeScript 项目中安装并配置 Tailwind v4 与 shadcn/ui，使用 @theme inline 模式与 CSS 变量架构实现主题。
主要能力：提供四步强制模式：在 :root 定义 CSS 变量（颜色值需 hsl() 包裹）、用 @theme inline 映射变量到工具类、用 @layer base 应用基础样式、获得自动暗色模式。内置暗色模式（ThemeProvider、ModeToggle）、语义色令牌（destructive/success/warning/info）、cn() 条件类、以及 v4 官方插件用法。
使用方式：按顺序执行安装与配置： pnpm add tailwindcss @tailwindcss/vite pnpm add -D @types/node pnpm dlx shadcn@latest init vite.config.ts 使用 tailwindcss() 插件与路径别名；components.json 中设置 "config": ""；删除 tailwind.config.ts；在 src/index.css 中按四步模式编写；用 pnpm add -D tw-animate-css 替代已弃用的 tailwindcss-animate。插件使用 v4 的 @plugin 指令加载，如 @plugin "@tailwindcss/typography"。
适用场景：新项目搭建、v3 迁移、WordPress Auditor 同类生产栈、需要暗色模式与语义色系统的 shadcn/ui 项目。
限制：仅覆盖 Tailwind v4 与 shadcn/ui 的配置模式；不可使用 @apply、tailwind.config.ts、.dark { @theme { } }、hsl(var(--color)) 双包裹或 dark: 变体处理语义色。资料未提供具体价格与收费信息。