用途：该技能用于指导在开发前端功能时始终采用 Tailwind CSS 编写样式，并在动手写新类名之前先检查并沿用项目已有的 Tailwind 约定。
主要能力：
- 使用 Tailwind CSS 类为 HTML 设置样式，并优先复用项目既有约定。
- 当出现重复模式时，建议将其提取为符合项目约定的组件（如 Blade、JSX、Vue 等）。
- 关注类名的放置位置、顺序、优先级与默认值，移除冗余类，谨慎地在父元素或子元素上添加类以减少重复，并对元素进行逻辑分组。
- 要求使用 Tailwind CSS v4，不使用已废弃的工具类；并指出 v4 不支持 corePlugins。
- 暗色模式：若现有页面和组件支持暗色模式，新页面与组件必须以类似方式支持，通常使用 dark: 前缀。
- 列表项间距使用 gap 工具类，不使用外边距。
使用方式：
- 配置采用 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 项目中新增页面与组件、需要与项目暗色模式保持一致时。
限制：资料未提供该技能的安装命令、依赖要求、版本兼容细节及具体项目框架的集成步骤，暂未提供。