tailwind-class-sorter

用途：将 Tailwind CSS 工具类按固定层级排序，使类名顺序清晰一致，便于阅读和维护。\n\n排序规则：按 6 个桶从左到右处理——1 布局（display、position、z-index、overflow、flex/grid、gap 等）；2 间距（margin、padding、space-）；3 尺寸（width、height、min/max、size、aspect）；4 排版（font、text 尺寸/粗细/对齐/颜色、leading、tracking、decoration 等）；5 颜色与背景（bg-、渐变停靠点 from/via/to、opacity、fill/stroke）；6 边框与效果（border、rounded、outline、ring、shadow、transition、animate、cursor 等）。无法识别的自定义类追加在最后。\n\n处理方式：先按空白切分，去重（保留首次出现），剥离响应式与状态变体前缀以确定基础工具类，再在桶内做稳定排序；变体与任意值保持附着在基础类上。输出仅重排 class 属性值，不重命名、不删除（去重除外）、不新增类，保持引号风格；多元素各自独立排序；末尾给出一行统计摘要。\n\n适用场景：整理杂乱的类名、统一团队代码风格、在 HTML/JSX 中就地排序。限制：冲突类（如 text-sm 与 text-lg）会同时保留并提示；空输入返回空字符串；未知类不归类。该技能以公开资料为准，收费与平台支持情况暂未提供。