用途：把纯 CSS 文件迁移为直接写在标记中的 Tailwind 工具类。
工作流程：读取 CSS 文件并清点每条规则；在 HTML、JSX、TSX、Vue、Svelte 标记中找到引用各选择器的位置；按映射逐条转换；属性全部用工具类表达后删除该 CSS 规则；文件或 import 为空时移除；最后核对页面外观是否一致，检查视觉回归。
主要能力与映射参考：布局与盒模型（display: flex→flex、grid→grid、none→hidden，relative、absolute，justify-center、items-center、gap-4、w-full、max-w-3xl、mx-auto、p-4、overflow-hidden）；排版（text-sm、font-bold、leading-normal、text-center、uppercase、text-[#333]、tracking-wide）；背景与边框（bg-[#f5f5f5] 或 bg-neutral-100、border border-gray-200、rounded-lg、shadow-sm）；响应式媒体查询（.card 的 flex-direction: row 在 min-width: 768px 下→flex-col md:flex-row，断点 sm 640、md 768、lg 1024、xl 1280、2xl 1536）；伪类与状态（.btn:hover→hover:bg-blue-700，前缀含 hover:、focus:、active:、disabled:、first:、last:、odd:、even:、group-hover:、peer-checked:）；动画与过渡（transition: all 0.2s ease-in-out→transition-all duration-200 ease-in-out，@keyframes spin→animate-spin 或在 tailwind.config 中定义）。无直接工具类时用任意值，如 w-[calc(100%-2rem)]、grid-cols-[200px_1fr_1fr]、text-[clamp(1rem,2vw,1.5rem)]。
剩余 CSS 的处理：复杂选择器（如 .parent > .child + .sibling）需重构标记，万不得已才用 @apply；@font-face 保留在全局 CSS 或 globals.css；复杂 @keyframes 在 tailwind.config.ts 的 theme.extend.keyframes 中定义；CSS 变量迁移为 tailwind.config.ts 的主题值。
规则与限制：有主题时优先用语义类（如 bg-primary）而非任意十六进制值；不要用 @apply 重造正在迁移掉的 CSS；按布局→间距→排版→颜色→效果的顺序组织工具类；组件若超过 10 个工具类，考虑抽成可复用组件而非 CSS 类。收费、价格、平台与具体使用步骤暂未提供。