时间：用户正在构建 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