用途：该技能面向使用 Tailwind CSS v4 的前端开发，覆盖新项目搭建、从 v3 迁移、主题定制、响应式与暗色模式布局，以及用 Vite 优化构建。
主要能力：围绕 v4 的 CSS 优先配置体系，使用 @theme 指令替代传统 JavaScript 配置；采用 OKLCH 颜色格式与 CSS 变量构建设计令牌和语义化颜色；支持自定义工具类、变体与动画；并涉及容器查询、3D 变换等 v4 新特性。
使用方式：按工作流先安装 Tailwind v4 与 Vite 插件，再在 CSS 中通过 @theme 定义主题，随后使用工具类并创建自定义工具类与变体，最后优化 CSS 输出。资料提供按主题加载的参考文件，包括 setup.md（安装、Vite 配置、CSS 入口）、theme.md（主题配置、模式、CSS 变量）、colors.md（颜色系统与调色板）、utilities.md（间距、排版、布局、flexbox、grid）、responsive.md（断点、暗色模式、变体）、animations.md（关键帧、过渡、自定义动画）和 migration.md（v3 到 v4 迁移）。
约束：必须使用 @import 'tailwindcss' 而非 @tailwind 指令；用 @theme 定制而非 tailwind.config.js；自定义颜色优先 OKLCH；使用 CSS 变量实现动态主题；遵循工具类优先与语义化颜色命名。不应使用 tailwind.config.js、旧的 @tailwind base/components/utilities 语法、RGB/HSL 新自定义颜色，也不应在已有工具类时另写自定义 CSS，并需考虑暗色模式。
适用场景：Tailwind v4 项目初始化、版本迁移、主题与设计令牌建设、响应式与暗色模式实现、Vite 构建优化。限制：资料未提供具体安装命令、版本号、价格或平台支持细节。