engram-dashboard-htmx

SkillWeb & browsing

Guides your agent to follow HTMX and templ rules when building or editing the Engram dashboard's server-rendered UI.

Then ask your AI: use the engram-dashboard-htmx skill

Details

Instructions available. Your AI can read the instructions. Execution depends on the setup they require.

Account requirements not reviewed. Check the skill instructions before use; Ahel provides instructions and does not run this skill.

No other account needed.

Add it as a step in a pipeline you build on Ahel, or connect Ahel to Claude, ChatGPT, Cursor, Claude Code or Codex and ask your AI to use it.

About this skill

HTMX and templ interaction rules for the Engram dashboard. Trigger: Any change to htmx attributes, partial updates, forms, or server-rendered browser UI.

What this skill tells your AI

The instructions your AI receives, as published by gentleman-programming/engram in skills/dashboard-htmx/SKILL.md and read by Ahel’s review.

When to Use

Use this skill when:

Adding htmx partial loading or filter controls
Wiring forms or toggles in the dashboard
Changing browser/search interactions

HTMX Rules

Server-rendered HTML is the product; htmx enhances it, it does not replace it.
Prefer simple hx-get and hx-include over custom client-side state.
Filters must preserve the active state users would expect across interactions.
Forms that mutate system state must still work as normal HTTP posts.
Partial endpoints return meaningful HTML on their own, not fragments that depend on hidden JS assumptions.

Interaction Rules

Search and filter controls must compose cleanly.
Toggle actions must visibly reflect the resulting server state.
Connected navigation should keep URLs meaningful and shareable.
Use htmx for speed, not to hide business logic in the browser.

Signals

GitHub stars: 7k
Forks: 733
Last commit: Oct 2026

Advanced

Item type: skill
Key: engram-dashboard-htmx
Source: github.com/gentleman-programming/engram

github.com/gentleman-programming/engram