用途：把 React 项目改造成结构良好的 Tailwind 驱动 UI，或将已有 Tailwind 配置重构为更清晰的令牌化样式与可复用模式。
主要能力：安装并接入 Tailwind 到 React 工具链；规划依赖（Tailwind、插件、组件库）；在 tailwind.config 中设计语义令牌层（颜色、间距、字体、圆角、阴影）；把零散 CSS 重构为 Tailwind 工具类；提供表单、数据表格、导航、模态框、布局原语等 UI 配方。
使用方式：先检测构建方式——package.json 含 react-scripts 视为 CRA，devDependencies 或 scripts 含 vite 视为 Vite React，含 next 视为 Next.js（有 app/ 为 App Router，否则 Pages Router），都没有则按通用 SPA 处理。随后按顺序：安装 tailwindcss postcss autoprefixer（建议 devDependencies）；运行 npx tailwindcss init -p；配置 content 路径（如 ./index.html、./src//*.{js,ts,jsx,tsx}，Next.js 加 ./app/ 或 ./pages/**）；在全局 CSS 写入 @tailwind base; @tailwind components; @tailwind utilities; 并在入口导入；用 className="text-red-500" 验证。
配置建议：用语义命名（bg.canvas、text.secondary、border.focus）替代品牌色名；暗色模式用 darkMode: 'class'；把已有 CSS 变量映射到主题键。组件改造时先审计 JSX 与 CSS，再用 flex、grid、gap 等原语替换布局，逐步重构并抽取 Button、Card、Input、Modal 等复用组件，保留无障碍属性与焦点样式。
限制：资料未提供具体版本号、Node/React 版本要求、收费或价格信息；实际命令与配置需按项目情况调整。