用途：诊断并重构 Tailwind CSS 中因单个元素工具类过多导致的「utility soup」问题。核心原则是「3 次使用规则」：模式第一次、第二次出现时保持内联（若为有意重复可加 TODO 注释），第三次及以上再抽取。过早抽取比长类名列表更糟。
主要能力：提供决策树与决策矩阵，判断长类名列表是否真有问题（少于 15 个工具类不算 soup；15–25 个单组件叶节点可接受；25+ 再继续判断）；重复 3 次以上且存在框架时抽取组件，模板语言时抽取 partial，纯 HTML、MDX 或覆盖第三方组件时用 @layer components 中的 @apply。还给出多行格式化模式（按布局、尺寸、间距、颜色、状态分组）。
使用方式：至少安装 Prettier 排序，避免类名顺序因作者而异。安装命令：npm install -D prettier prettier-plugin-tailwindcss。v3 配置 .prettierrc.json 使用 tailwindConfig 指向 ./tailwind.config.js；v4 使用 tailwindStylesheet 指向 ./src/app.css；并在 tailwindFunctions 中列出所有构建类名的函数（如 clsx、cva、tw、twMerge）。ESLint 校验安装：npm install -D eslint eslint-plugin-tailwindcss，flat config 中通过 settings.tailwindcss 配置 config 或 cssFiles、callees，并用 whitelist 列出自定义类名。
适用场景：组件框架（React、Vue、Svelte、Solid）、模板语言（Blade、ERB、Twig、Nunjucks、Astro）、纯 HTML/MDX，以及需要安全覆盖类名时配合 tailwind-merge 的场景。
限制：文中未提供具体收费、价格或平台信息。Headwind 与 Prettier 排序功能重叠，应择一以免顺序冲突。相关技能包括 tailwind-impl-apply-directive、tailwind-core-philosophy、tailwind-impl-config-v4。