用途：该技能用于在前端功能开发中始终使用 Tailwind CSS 为 HTML 添加样式，并在编写自定义样式前先检查并沿用项目已有的 Tailwind 约定。
主要能力与做法：
- 使用 Tailwind CSS 类为 HTML 设置样式，优先复用项目现有约定。
- 对重复出现的模式，按项目约定（如 Blade、JSX、Vue 等）建议抽取为组件。
- 关注类的位置、顺序、优先级与默认值，删除冗余类，谨慎在父级或子级添加类以减少重复，并按逻辑对元素分组。
- 列表项间距使用 gap 工具类，不使用 margin。
- 若现有页面与组件支持深色模式，新页面与组件也须以类似方式支持，通常使用 dark: 前缀。
版本与配置：
- 始终使用 Tailwind CSS v4，不使用已废弃的工具类。
- v4 不支持 corePlugins。
- v4 采用 CSS-first 配置，通过 @theme 指令完成，无需单独的 tailwind.config.js 文件。示例：@theme { --color-brand: oklch(0.72 0.11 178); }
- v4 使用常规 CSS @import 语句导入 Tailwind，而非 v3 的 @tailwind 指令。
已替换的工具类（使用替换项，不用废弃项）：bg-opacity-* 改为 bg-black/；text-opacity- 改为 text-black/；border-opacity- 改为 border-black/；divide-opacity- 改为 divide-black/；ring-opacity- 改为 ring-black/；placeholder-opacity- 改为 placeholder-black/；flex-shrink- 改为 shrink-；flex-grow- 改为 grow-*；overflow-ellipsis 改为 text-ellipsis；decoration-slice 改为 box-decoration-slice；decoration-clone 改为 box-decoration-clone。透明度值仍为数值形式。
适用场景：为前端功能编写或调整样式、需要与项目 Tailwind 约定保持一致、需要处理深色模式或抽取重复样式组件时。
限制：资料未提供安装命令、具体项目结构、构建工具集成方式及更多配置细节，暂未提供。