用途：在组件驱动应用（React/Vue/Svelte）、营销页面与原型到生产场景中，用工具类优先方式快速构建 UI，保持一致的间距与排版规模，让组合优于定制 CSS。
主要能力：工具类在 HTML/JSX 中组合，例如 class="flex gap-4 p-6 bg-zinc-950 text-white"；支持响应式变体（sm: md: lg: xl: 等）与状态变体（hover:、focus:、active:、disabled:、group-hover:、peer-checked:）；支持任意值（慎用，如 w-[42rem]、bg-[#0b1220]、translate-y-[3px]）；支持基于 class 策略的 dark: 深色模式；重复模式优先抽取为组件，其次用 @apply 处理小型可复用模式（避免过度使用）。构建流程中 Tailwind 扫描 content 文件中的类名并生成 CSS（零运行时）。
使用方式：确认框架与构建工具（Next/Vite/Remix/Webflow 导出等）；确认需要设计系统（tokens、组件库）还是单页；确认是否深色模式、RTL 与无障碍约束。动态类名优先用映射对象，如 const toneClass = { success: "bg-emerald-600", danger: "bg-rose-600", info: "bg-sky-600" }[tone]。
适用场景：需要快速搭建一致 UI 的组件应用、营销页、原型到生产；设计系统以组合为主的项目；需要响应式、状态与深色模式变体的界面。
限制与常见问题：生产环境类名未生成，需确保 content 路径包含所有模板与组件；避免动态拼接类名（如 "text-" + color），除非加入 safelist；过度使用 @apply 会失去工具类优先优势；依赖类顺序假设可能导致样式冲突；HTML 类列表过长且无结构时，应通过组件组合、拆分子组件，必要时使用 clsx/cva。具体安装命令、价格与平台支持在资料中暂未提供。