用途：该技能让 AI 协助使用 Tailwind CSS 4 构建响应式、实用类优先的网页界面，适用于需要以可复用类快速设置样式的 web 项目，例如响应式布局、暗色主题，或集成 shadcn/ui 预构建组件，常用于 React/Vue 应用或静态站点前端开发。
主要能力：实用类直接设置样式（如 flex、p-4、hover:bg-blue-700）；JIT 按需生成 CSS 以减少体积；任意值自定义样式（如 w-[14rem]）；通过 dark: 前缀或媒体查询支持暗色模式；插件扩展自定义实用类；shadcn/ui 组件集成；使用断点实现响应式（如 md:flex）。
使用方式：将 Tailwind 类直接加到 HTML 元素上；在 tailwind.config.js 中定制主题、扩展实用类或启用 JIT；在 CSS 入口引入 base、components、utilities；暗色模式需在配置中设置并使用 dark: 变体。命令示例：npx tailwindcss init 生成配置；npx tailwindcss -i ./input.css -o ./output.css --jit 构建；npm install -D tailwindcss 安装。清除未用样式需在配置中写 content 路径。
集成：React 项目可在 index.js 中 import './output.css'；shadcn/ui 运行 npx shadcn-ui@latest init 并选择 Tailwind。Vite 或 Webpack 需配置 PostCSS 处理 Tailwind。
限制：若 JIT 未启用需检查配置；清除错误需核对 content 路径；暗色模式失败需确认 HTML 上添加 dark 类；任意值需使用正确 CSS 单位。资料中提及的 $TAILWIND_API_KEY 未说明具体用途，且关于 Tailwind API 端点的描述与官方事实可能不符，此外 Tailwind 官方并无 --jit 标志，实际以官方文档为准。