用途：为 React 组件编写响应式、性能良好的 Tailwind CSS 样式，适用于组件样式设计、构建设计系统与实现响应式布局。
主要能力：以工具类优先（utility-first）组合设计；默认移动优先的断点体系（sm 640px、md 768px、lg 1024px、xl 1280px、2xl 1536px）；将重复模式抽取为可复用组件；通过 JIT 模式减小打包体积。资料给出按钮（primary/secondary/danger 与 sm/md/lg 尺寸）、卡片、表单输入、容器、网格、Flex 侧边栏等组件模式，以及按屏幕尺寸显示/隐藏、暗色模式（darkMode: 'class' 或 'media'，配合 document.documentElement.classList 切换）的写法。
使用方式：在 tailwind.config.js 中通过 theme.extend 扩展颜色、间距、动画与关键帧；用 components/ui/index.ts 统一导出组件后按需导入；性能上建议启用 JIT、正确配置 content 路径清除未用 CSS、抽取组件减少类名重复、少用 @apply。
限制：资料未提供安装命令、版本要求、具体价格或平台信息；示例代码为示意，实际项目需按自身配置调整。