modern-tailwind 是一套关于 Tailwind CSS 最佳实践的技能配置，来源为 academind/ai-config。其目标是用现代工具类与变体构建整洁、可扩展的 UI。以下按用途、主要能力、使用方式、适用场景和限制整理。
用途 该技能用于指导 Tailwind CSS 的写法与组织方式，帮助开发者在使用 Tailwind 时保持样式整洁、结构清晰、便于扩展和维护。它强调以工具类为主、语义化 HTML 为基础，并通过变体、响应式与主题配置来应对复杂界面需求。
主要能力
- 核心原则：大多数样式优先使用工具类而非自定义 CSS；通过分组保持类列表可读，分组顺序为布局→间距→排版→颜色→效果；先写语义化 HTML，工具类应起增强作用，而不是替代结构。
- 变体与状态：在合适场景使用 hover、focus-visible、disabled、dark 和 motion-safe 变体；优先使用 data-* 与 aria-* 变体处理与 DOM 语义绑定的状态样式；使用 group 和 peer 处理父级/兄弟状态，无需额外 JavaScript。
- 响应式与容器查询：先写基础样式，再叠加响应式变体（sm、md、lg 等）；当布局依赖父容器尺寸时，使用容器查询工具类。
- 主题与自定义：在 tailwind.config 中扩展主题，而不是临时写自定义类；当重复不可避免时，使用 @layer 定义自定义工具类或组件；除小型、可重复的模式外，避免使用 @apply。
- 可维护性：将可复用 UI 抽取为组件，而不是重复大段类字符串；保持类名确定性，尽可能避免动态字符串拼接。
使用方式 资料未提供具体的安装命令、配置步骤或调用方式，暂未提供。该技能以最佳实践条目形式呈现，可作为编写 Tailwind CSS 时的参考规范。
适用场景 适用于使用 Tailwind CSS 构建界面的前端开发场景，尤其是需要保持类名可读、状态样式与 DOM 语义绑定、响应式与容器查询布局、主题扩展以及组件化复用的项目。
限制 资料未说明该技能支持的 Tailwind CSS 版本、框架、构建工具或平台，暂未提供。资料未提供收费、价格信息，暂未提供。资料未提供效果保证或性能数据，暂未提供。