用途：该资料为 Tailwind CSS 的工具类优先（utility-first）写法提供模式与最佳实践，触发场景是使用 Tailwind CSS 工具类进行样式编写时。
主要能力与关键模式： 响应式设计（要求）：始终采用移动优先，例如 w-full md:w-1/2 lg:w-1/3，在移动端全宽、中屏半宽、大屏三分之一宽。 组件抽取（要求）：把重复模式抽取为组件，示例中通过 Button 组件组合基础类与 primary、secondary 变体类。 暗色模式（要求）：使用 dark: 前缀，例如 bg-white dark:bg-gray-900 text-gray-900 dark:text-white。 决策树：间距用 p-、m-、gap-；尺寸用 w-、h-、max-w-；颜色用 bg-、text-、border-；响应用 sm:、md:、lg:、xl:；状态用 hover:、focus:、active:；动画用 animate-、transition-*。
使用方式（命令原样保留）： npx tailwindcss init -p npx tailwindcss -o output.css --minify
适用场景：需要在 Tailwind CSS 项目中统一响应式、组件抽取、暗色模式与工具类选择方式时参考。
限制：资料未提供版本要求、配置细节、收费或平台信息；示例为示意，未说明完整项目结构与构建流程。