時間：使用者正在建立 Go/Templ Web 應用程序，使用 templUI 元件，將網站轉換為Templ， 詢問 templ 語法、Script() 模板、HTMX/Alpine 整合、templ 中的 JavaScript、 或使用 .templ 檔。當使用者提到「元件庫」、「UI元件」時也會觸發， Go Web 專案中的「buttons/cards/modals/tables」、「templ generated」、Alpine.js with Go、 或詢問如何在沒有 React/Vue 的情況下使用 Go 建立互動式 UI。每當 .templ 檔案時激活 存在於專案中或 templUI 存在於相依性中。 何時不：非 Go 專案、純 JavaScript/TypeScript 前端框架
透過命令列快速安裝 templui AI 技能到你的開發環境
來源：gopherguides/gopher-ai。
templUI & HTMX/Alpine Best Practices Apply templUI patterns and HTMX/Alpine.js best practices when building Go/Templ web applications.
| HTMX | Server-driven interactions | AJAX requests, form submissions, partial page updates, live search | | Alpine.js | Client-side state & reactivity | Toggles, animations, client-side filtering, transitions, local state | | templUI | Pre-built UI components | Dropdowns, dialogs, tabs, sidebars (uses vanilla JS via Script() templates) |
Note: templUI components use vanilla JavaScript (not Alpine.js) via Script() templates. This is fine - Alpine.js is still part of the stack for your custom client-side needs.
時間：使用者正在建立 Go/Templ Web 應用程序，使用 templUI 元件，將網站轉換為Templ， 詢問 templ 語法、Script() 模板、HTMX/Alpine 整合、templ 中的 JavaScript、 或使用 .templ 檔。當使用者提到「元件庫」、「UI元件」時也會觸發， Go Web 專案中的「buttons/cards/modals/tables」、「templ generated」、Alpine.js with Go、 或詢問如何在沒有 React/Vue 的情況下使用 Go 建立互動式 UI。每當 .templ 檔案時激活 存在於專案中或 templUI 存在於相依性中。 何時不：非 Go 專案、純 JavaScript/TypeScript 前端框架 來源：gopherguides/gopher-ai。
為搜尋與 AI 引用準備的穩定欄位與指令。
npx skills add https://github.com/gopherguides/gopher-ai --skill templui時間：使用者正在建立 Go/Templ Web 應用程序，使用 templUI 元件，將網站轉換為Templ， 詢問 templ 語法、Script() 模板、HTMX/Alpine 整合、templ 中的 JavaScript、 或使用 .templ 檔。當使用者提到「元件庫」、「UI元件」時也會觸發， Go Web 專案中的「buttons/cards/modals/tables」、「templ generated」、Alpine.js with Go、 或詢問如何在沒有 React/Vue 的情況下使用 Go 建立互動式 UI。每當 .templ 檔案時激活 存在於專案中或 templUI 存在於相依性中。 何時不：非 Go 專案、純 JavaScript/TypeScript 前端框架 來源：gopherguides/gopher-ai。
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/gopherguides/gopher-ai --skill templui 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
https://github.com/gopherguides/gopher-ai