关于 engram-dashboard-htmx
engram-dashboard-htmx 是用于开发服务器渲染仪表板的技能，以 htmx 增强交互。它规范局部加载、筛选器、表单和导航，让状态处理留在服务器端。
主要功能
- 01以服务器渲染的 HTML 为基础
- 02简洁的 htmx 请求模式
- 03筛选器保留状态
- 04变更操作使用标准 HTTP POST
- 05局部响应可独立呈现
- 06有意义且可分享的 URL
适用场景
- 01添加局部加载或筛选控件
- 02接入仪表板表单或开关
- 03修改浏览器搜索交互
安装
复制下面的命令，在终端中运行。
$
npx skills add https:/安装后在 Claude Code 中输入/engram-dashboard-htmx确认已加载。
详细介绍
适用场景
在以下情况下使用此技能：
- 添加 htmx 局部加载或筛选控件
- 在仪表盘中连接表单或切换开关
- 更改浏览器／搜索交互
HTMX 规则
- 服务端渲染的 HTML 才是产品；htmx 为其增强体验，而非取而代之。
- 优先使用简单的
hx-get和hx-include，而不是自定义客户端状态。 - 筛选条件必须在交互过程中保留用户预期的当前状态。
- 修改系统状态的表单仍必须像普通 HTTP POST 一样正常工作。
- 局部端点应独立返回有意义的 HTML，而不是依赖隐藏 JS 假设的片段。
交互规则
- 搜索和筛选控件必须能够顺畅组合使用。
- 切换操作必须明确显示服务器端状态的变化。
- 关联的导航应使用有意义且可分享的 URL。
- 使用 htmx 提升速度，而不是把业务逻辑隐藏在浏览器中。
评论
支持 Markdown