用途：本技能用于在使用 Tailwind CSS 构建 UI 组件时提供类名参考，覆盖按钮、表单控件、表格、标签页、下拉与模态等常见界面元素，适用于需要快速搭建一致风格组件的开发场景。
主要能力：给出各类组件的标准 Tailwind 类名配方，例如主按钮使用 rounded-md bg-indigo-600 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500，禁用态追加 disabled:opacity-50 disabled:cursor-not-allowed；表单控件如文本输入、选择器、复选框、开关等均附带类名；还包含显示组件（徽章、卡片、头像、分隔线、提示框）、表格、标签页、下拉/弹出层、模态/对话框的类名结构。另涵盖 HeadlessUI 集成：组件导入映射（Dialog、Menu、Listbox、Combobox、Switch、Disclosure、RadioGroup、Popover、TabGroup）、数据属性样式（data-[open]、data-[closed]、data-[checked]、data-[disabled]、data-[focus]、data-[selected] 等）以及 Dialog、Switch、Menu、Listbox 的示例模式。此外提供组件组合模式（子组件插槽、as 多态、data-slot 插槽、group 状态样式、forwardRef）、className 合并工具（classNames 过滤器、clsx、tailwind-merge、cn 组合）和过渡动画（data-[enter]、data-[leave]、data-[closed]、非对称时长、减少动效）。
使用方式：按组件类别查找对应类名并直接应用到元素上，配合 HeadlessUI 组件使用数据属性控制状态样式；在需要外部 className 覆盖时使用 cn 函数合并类名。
限制：资料仅提供类名与示例代码，未说明具体安装步骤、版本要求、浏览器兼容性或收费信息。