用途：当用户消息中出现 tailwind，或需要构建响应式网格布局（如多列卡片网格、产品列表）时调用本技能，用于按 Tailwind CSS v4 规范编写与组织样式。
主要能力：用 Tailwind 类为 HTML 设置样式；遵循项目已有的 Tailwind 约定，再引入新模式；可将重复模式按项目约定（如 Blade、JSX、Vue）提取为组件；关注类的放置、顺序、优先级与默认值，删除冗余类，谨慎向父/子元素添加类以减少重复，并按逻辑分组元素。
v4 要点：始终使用 Tailwind CSS v4，避免废弃工具类；v4 不支持 corePlugins。配置为 CSS-first，使用 @theme 指令，无需单独的 tailwind.config.js，例如 @theme { --color-brand: oklch(0.72 0.11 178); }。导入方式改为 CSS 的 @import "tailwindcss"; 而非 v3 的 @tailwind base/components/utilities 指令。
废弃替换：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。不透明度值仍为数字。
用法与模式：同级元素间距优先用 gap 工具类而非 margin；若已有页面和组件支持深色模式，新页面与组件须以相同方式支持，通常用 dark: 变体。常见模式包括 Flexbox（flex items-center justify-between gap-4）与 Grid（grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6）。可用 search-docs 获取 Tailwind CSS v4 的详细模式与文档。
常见陷阱：使用 v3 废弃工具类；使用 @tailwind 指令而非 @import "tailwindcss"；尝试用 tailwind.config.js 而非 @theme；同级间距用 margin 而非 gap；项目使用深色模式却遗漏 dark: 变体。
限制：资料未提供安装命令、版本号、授权与收费信息。