何時：使用者正在使用 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