用途：帮助开发者用 Tailwind CSS v4 构建生产级设计系统，包括 CSS-first 配置、设计令牌、组件变体、响应式模式与无障碍支持。资料注明该技能面向 Tailwind CSS v4（2024+），v3 项目需参考升级指南。
主要能力：以 @theme 在 CSS 中定义主题与语义化颜色令牌（示例使用 OKLCH），用 @import "tailwindcss" 替代 v3 的 @tailwind 指令；通过 @custom-variant dark (&:where(.dark, .dark )) 实现类名暗色模式；在 @theme 内定义 @keyframes 与 --animate- 动画令牌，并可用 @starting-style 做入场动画。组件层面给出 CVA（Class Variance Authority）变体、复合组件、表单组件、响应式 Grid/Container 等模式，并涉及 React 19 中 ref 作为普通 prop 的写法。
使用方式：在 CSS 中引入 Tailwind 并声明 @theme 令牌，按需定义暗色覆盖与基础层样式；组件侧用 cva 定义变体与尺寸，配合 cn 合并类名；表单可结合 React Hook Form 与 Zod 校验。资料中的示例代码与命令保持原样，未提供安装命令。
适用场景：创建 Tailwind v4 组件库、实现设计令牌与主题、构建响应式且无障碍的组件、统一代码库 UI 模式、从 v3 迁移到 v4、用原生 CSS 特性设置暗色模式。
限制：资料未提供具体安装命令、收费与价格、平台支持范围及效果数据；部分内容（如 ThemeProvider 代码）在资料中不完整，暂未提供完整实现。