用途：为使用 Tailwind CSS v4 的项目提供模式化参考，帮助 AI 智能体生成符合现代 CSS-first 写法的样式代码。
主要能力与要点： 架构：从 v3 的 tailwind.config.js 与 PostCSS 插件转向 v4 的 CSS @theme 指令、Oxide 引擎（Rust 编译器，据称快 10 倍）、始终开启的原生 JIT、CSS 原生特性；@apply 仍可用但不推荐。配置在 CSS 中完成，token 以 --* 变量暴露。 配置：用 @theme 定义颜色（如 --color-primary）、间距、字体等语义 token；区分扩展默认值与整体覆盖。 容器查询：v4 原生支持 @container，子元素用 @sm:、@md:、@lg:，支持命名容器 @container/card；组件级响应式优先用容器查询，页面级布局用视口断点（sm 640px、md 768px、lg 1024px、xl 1280px、2xl 1536px），移动优先。 暗色模式：class、media、selector 三种策略，对应手动切换、跟随系统、复杂主题；给出背景/文本/边框的明暗类对照。 布局：Flexbox 常用模式（居中、纵向栈、横向行、两端对齐、换行）与 Grid 模式（auto-fit 响应式、非对称 Bento、侧栏 grid-cols-[auto_1fr]），建议优先非对称布局。 色彩：OKLCH 感知均匀优于 HSL/RGB；token 分 primitive、semantic、component 三层。 排版、动画与过渡：给出字体栈、字号层级、内置动画（animate-spin/ping/pulse/bounce）与过渡模式。 组件抽取：同类组合出现 3 次以上、复杂状态变体或设计系统元素时抽取，可选 React/Vue 组件、@apply 或设计 token。 反模式与性能：避免滥用任意值、!important、内联样式、重复长类名、混用 v3 配置；v4 自动清理未用样式，避免模板字符串动态类名，可利用 Oxide 与 CI/CD 缓存。
使用方式：作为可安装技能供 AI 智能体调用，官方未提供具体安装命令（暂未提供）。
限制：资料为模式说明，未提供实际项目验证、版本兼容性细节、收费信息或平台支持范围，暂未提供。