用途
Tailwind CSS 通过配置文件实现高度定制，用于定义设计系统、扩展默认主题以及配置插件。本资料围绕 Tailwind 的配置环节展开，帮助完成项目初始化阶段的配置搭建与后续主题定制。
主要能力
配置文件结构 tailwind.config.js（或 .ts、.cjs、.mjs）是定制的核心，包含 content、theme、plugins 以及 darkMode、prefix、important、separator 等配置项。
Content 配置 content 数组用于告知 Tailwind 在哪些文件中查找类名，通常使用 glob 模式，例如 './src/**/*.{html,js,jsx,ts,tsx}'。对于动态类名，可通过 content transform 或 safelist 处理，safelist 支持直接列出类名或使用正则 pattern。
主题定制 使用 theme.extend 可在保留现有值的基础上追加自定义值，覆盖颜色、fontFamily、spacing、borderRadius、fontSize、boxShadow、animation、keyframes 等；使用不带 extend 的 theme 则整体替换默认值。
插件 通过 tailwindcss/plugin 可添加自定义工具类（addUtilities）与组件类（addComponents），也可引入官方插件如 @tailwindcss/forms、@tailwindcss/typography、@tailwindcss/aspect-ratio、@tailwindcss/container-queries。
暗色模式 支持 class（手动控制）、media（跟随系统偏好）以及自定义选择器等策略。
使用方式
资料给出的实践包括：结合 CSS 变量实现运行时主题切换；将主题扩展按 colors、typography、spacing 拆分为独立文件后展开合并；用插件封装可复用的工具类与组件类；选择暗色模式策略；以及为生产环境优化包体积。示例中还提供了完整的 TypeScript 配置、基于环境变量的多品牌配置，以及 Next.js、Vite + React、Vue 3 的 content 配置写法。
适用场景
适用于需要搭建或定制 Tailwind CSS 配置的项目，包括定义品牌色板与设计令牌、调整响应式断点、接入官方或自定义插件、按框架（Next.js、Vite + React、Vue 3）设置内容扫描路径，以及需要暗色模式或多品牌主题切换的前端项目。
限制
资料未提供该技能的收费、价格、平台或效果等信息。文中列出的反模式（如重复硬编码值、本意替换却使用 extend、content 路径过于具体、动态类名未配置 safelist）属于配置建议，未给出性能或效果承诺。相关技能链接指向 tailwind-utility-classes、tailwind-components、tailwind-plugins、tailwind-performance，其具体内容暂未提供。