用途：这是一个面向 Tailwind CSS v4 的前端技能，帮助在项目中采用 v4 的 CSS 优先配置方式，用原生 CSS 的 @theme 指令替代传统 JavaScript 配置，并覆盖主题、颜色、响应式、动画与迁移等任务。
主要能力：安装并配置 Tailwind v4 与 Vite 插件；用 @theme 定义主题、模式与 CSS 变量；使用 OKLCH 颜色格式与语义化颜色命名；编写响应式、暗色模式和容器查询布局；创建自定义工具类、变体与动画；从 v3 迁移到 v4；优化 CSS 输出。
使用方式：按工作流先安装并接入 Vite 插件，再在 CSS 中用 @import 'tailwindcss' 引入，并通过 @theme 定义主题令牌；随后用工具类构建界面，必要时扩展自定义工具类与动画。技能按主题提供参考文档：setup.md（安装、Vite 配置、CSS 入口）、theme.md（主题配置、模式、CSS 变量）、colors.md（颜色系统与调色板）、utilities.md（间距、排版、布局、flex、grid）、responsive.md（断点、暗色模式、变体）、animations.md（关键帧、过渡、自定义动画）、migration.md（v3 到 v4 迁移）。
约束：必须使用 @import 'tailwindcss'，不用旧的 @tailwind base/components/utilities；用 @theme 定制而非 tailwind.config.js；自定义颜色优先 OKLCH；用 CSS 变量实现动态主题；采用语义化颜色命名；存在工具类时不自造 CSS；避免在已有主题值时使用任意值。不应使用已弃用的 tailwind.config.js、不用 RGB/HSL 定义新自定义颜色、不忽略暗色模式。
适用场景：新建 Tailwind v4 项目、v3 升级、主题与设计令牌体系搭建、响应式与暗色界面、自定义工具类与动画、Vite 构建优化。限制：资料未提供具体安装命令、版本号、价格与平台支持等细节，暂未提供。