modern-tailwind

用途

modern-tailwind 是一个面向 Tailwind CSS 代码编写与审查的技能，目标是帮助产出干净、现代、简洁的 Tailwind CSS 代码。根据其描述，只要是在处理或审查 Tailwind CSS 代码时都可以使用。

主要能力

该技能聚焦于两类编码规范：

1. 任意值中的变量写法：在任意值中使用变量时，采用更现代、更短的语法。

   • 不推荐：<div class="bg-[var(--color)]" />
   • 推荐：<div class="bg-(--color)" />

2. 布局最佳实践：

   • 二维布局优先使用 grid。
   • 一维对齐优先使用 flex。

示例：

<div class="grid gap-6 md:grid-cols-2 lg:grid-cols-3">
  <div class="flex items-center justify-between"></div>
</div>

使用方式

资料中未提供具体的安装命令、调用方式或集成步骤，暂未提供。

适用场景

适用于编写或审查 Tailwind CSS 代码的工作，尤其是需要统一现代语法、优化布局选择（grid 与 flex 的取舍）的场景。

限制

资料仅包含上述语法与布局建议，未说明支持的 Tailwind CSS 版本、工具链、平台、收费方式或效果保证，这些信息暂未提供。