用途:指导安装、配置和自定义 Tailwind CSS 的四个官方插件,并明确各插件在 v3 与 v4 中的适用性。
主要能力:@tailwindcss/typography 提供 prose 类,为渲染后的 Markdown 或 CMS 输出的嵌套 HTML 元素设置默认排版,支持 prose-sm 至 prose-2xl 尺寸、prose-slate 等配色、dark:prose-invert 暗色模式、prose-headings 等元素级修饰符,以及 not-prose 逃逸和 max-w-none 宽度覆盖。@tailwindcss/forms 统一表单元素样式,有 base(全局重置)和 class(需显式加 form-input、form-select、form-checkbox 等类)两种策略。@tailwindcss/container-queries 提供 @container 与 @sm:、@md: 等基于容器尺寸的变体,仅适用于 v3。@tailwindcss/aspect-ratio 提供 aspect-w-* / aspect-h-* 旧语法,仅用于需要 Safari < 14.1 回退的 v3 项目。
使用方式:v3 在 tailwind.config.js 的 plugins 数组中 require 插件;v4 在 CSS 中用 @plugin 指令注册,forms 的策略用块语法 @plugin "@tailwindcss/forms" { strategy: "class"; }。常用安装命令:npm install -D @tailwindcss/typography @tailwindcss/forms。
限制:v4 中 container-queries 已内置,安装无意义且增加体积;aspect-ratio 在 v4 已弃用,应改用原生 aspect-* 工具类。typography 的 v4 自定义通过 @theme 中的 CSS 变量完成。本技能不涵盖第三方社区插件、自定义插件编写及原生 v4 工具类行为。