用途：为 Tailwind CSS v4.1+ 项目提供编写、审查、重构与升级时的规则和最佳实践，帮助统一类名用法并规避已废弃写法。
主要能力：列出 v4 移除与重命名的工具类及替代方案，例如 bg-opacity-* 改用 bg-black/50 等透明度修饰符，flex-shrink-* 改为 shrink-，bg-gradient- 改为 bg-linear-*，outline-none 改为 outline-hidden；强调不使用 @apply，改用 CSS 变量、--spacing() 函数或框架组件。
布局与排版：flex/grid 内部间距统一用 gap，不用 space-x-、space-y-；用 min-h-dvh 替代 min-h-screen；等宽高用 size-；行高用 text-base/7 这类修饰符而非 leading-；字号给出 text-xs 至 text-xl 的像素参考。
颜色与响应式：用 /opacity 语法替代旧透明度类；断点只在值变化时声明，避免冗余；暗色模式采用 dark: 变体，浅色样式在前。
v4 新特性：容器查询 @container 与 @md: 等尺寸变体、cqw 单位、text-shadow-（v4.1）、mask- 组合遮罩、bg-radial 与 bg-conic 渐变。
升级方式：先阅读官方升级指南，保持 git 干净，运行 npx @tailwindcss/upgrade@latest，工具会把 JavaScript 配置转为 CSS 格式，随后需广泛审查并全面测试。
限制：资料未提供该技能的安装命令、平台支持、收费与效果信息；具体设计尺度与 Figma 半径令牌映射需参考项目内 packages/dify-ui/AGENTS.md。