何时：用户正在使用 Tailwind CSS 类、样式组件编写 HTML/模板， 配置 Tailwind 主题，询问实用程序或模式，或使用任何 使用 Tailwind CSS 的项目。当用户提到“响应式设计”时也会触发， Tailwind 项目中的“深色模式”、“自定义颜色”、“间距”、“弹性/网格布局”， 询问有关 v4 迁移、@theme 与 @apply 的问题，或者正在编辑项目中的 CSS/HTML 文件 在其依赖项中有顺风。每当 tailwind.config.* 或 @tailwind 时激活 存在指令。 何时不：不使用 Tailwind 的项目、有关 Bootstrap/Bulma/其他 CSS 框架的问题
通过命令行快速安装 tailwind-best-practices AI 技能到你的开发环境
来源：gopherguides/gopher-ai。
You have access to up-to-date Tailwind CSS documentation via MCP tools. Use these tools to provide accurate, current information.
Use when user asks about any Tailwind feature, utility, or concept.
Use when user needs utility classes for a specific CSS property.
何时：用户正在使用 Tailwind CSS 类、样式组件编写 HTML/模板， 配置 Tailwind 主题，询问实用程序或模式，或使用任何 使用 Tailwind CSS 的项目。当用户提到“响应式设计”时也会触发， Tailwind 项目中的“深色模式”、“自定义颜色”、“间距”、“弹性/网格布局”， 询问有关 v4 迁移、@theme 与 @apply 的问题，或者正在编辑项目中的 CSS/HTML 文件 在其依赖项中有顺风。每当 tailwind.config.* 或 @tailwind 时激活 存在指令。 何时不：不使用 Tailwind 的项目、有关 Bootstrap/Bulma/其他 CSS 框架的问题 来源：gopherguides/gopher-ai。
为搜索与 AI 引用准备的稳定字段与命令。
npx skills add https://github.com/gopherguides/gopher-ai --skill tailwind-best-practices何时：用户正在使用 Tailwind CSS 类、样式组件编写 HTML/模板， 配置 Tailwind 主题，询问实用程序或模式，或使用任何 使用 Tailwind CSS 的项目。当用户提到“响应式设计”时也会触发， Tailwind 项目中的“深色模式”、“自定义颜色”、“间距”、“弹性/网格布局”， 询问有关 v4 迁移、@theme 与 @apply 的问题，或者正在编辑项目中的 CSS/HTML 文件 在其依赖项中有顺风。每当 tailwind.config.* 或 @tailwind 时激活 存在指令。 何时不：不使用 Tailwind 的项目、有关 Bootstrap/Bulma/其他 CSS 框架的问题 来源：gopherguides/gopher-ai。
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/gopherguides/gopher-ai --skill tailwind-best-practices 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
https://github.com/gopherguides/gopher-ai