用途：该技能用于借助 Tailwind CSS v4 构建可扩展的设计系统，覆盖组件库搭建、设计令牌与主题、响应式与无障碍组件、代码库 UI 规范统一、v3 到 v4 迁移以及原生 CSS 深色模式。
主要能力：以 CSS-first 配置替代 tailwind.config.ts，使用 @theme 定义语义化颜色、圆角与动画令牌；用 @custom-variant 实现基于 class 的深色模式；提供 CVA 组件变体、复合组件、表单组件、响应式栅格与容器、原生 CSS 动画及 popover 过渡等模式。
使用方式：在 CSS 中通过 @import "tailwindcss" 引入，并在 @theme 内声明 --color-、--radius-、--animate-* 等令牌；组件层使用 class-variance-authority 与 cn 工具组织基础样式、变体、尺寸与状态；表单可结合 React Hook Form 与 Zod 校验；深色模式通过 .dark 覆盖令牌并配合 ThemeProvider 管理。
适用场景：创建 Tailwind v4 组件库、实现设计令牌与主题、构建响应式无障碍组件、统一 UI 模式、从 v3 迁移、设置深色模式。
限制：该技能面向 Tailwind CSS v4（2024+），v3 项目需参考升级指南；资料未提供具体安装命令、收费信息、平台支持范围及效果数据。