用途：该技能面向使用 Tailwind CSS v4 进行界面开发与样式设计，适用于组件样式、主题配置、响应式设计以及设计系统搭建等场景。
主要能力：介绍 Tailwind v4 的 CSS-first 配置方式，使用 CSS 变量与 @theme 指令替代 tailwind.config.js，并采用 OKLCH 颜色以提升感知均匀性；提供容器查询、not-* 变体、命名 group/peer、has-* 父级选择等新变体语法；给出卡片、按钮（主要/次要/描边）、表单输入等组件模式，以及移动优先网格、断点（sm/md/lg/xl/2xl）、动画（悬停、加载、骨架屏、微光）、深色模式和可访问性（焦点样式、sr-only、motion-reduce）等示例。
使用方式：通过 @import 'tailwindcss' 引入样式，在 @theme 中定义颜色、字体、间距、圆角、阴影和动画等设计令牌，并在 HTML 中直接使用工具类。响应式推荐移动优先，容器查询需在父元素添加 @container。深色模式可结合系统偏好或 html 上的 dark 类。
适用场景：需要快速构建现代 UI、统一设计令牌、实现响应式与深色主题、构建可复用组件库的前端项目。
限制：资料未提供安装命令、版本要求、浏览器兼容性细节、具体价格与许可信息，相关事实暂未提供。