CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

engram-dashboard-htmx

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

Quality

81%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide
SecuritybySnyk

Passed

No findings from the security scan

SKILL.md
Quality
Evals
Security

Quality

Content

78%Weight 40%Scale 1-5

Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.

A lean, well-structured rules skill with no wasted tokens and sound architectural principles (progressive enhancement, HTTP-post fallbacks, server as source of truth). Its weakness is actionability: the rules are stated as principles without a single concrete example of an htmx attribute pattern, partial endpoint, or filter composition, leaving the reader to translate each rule into code unaided.

Suggestions

Add one short concrete example per core rule — e.g., an `hx-get="/partials/items" hx-include="[name='q']" hx-trigger="keyup changed delay:300ms"` snippet showing a filter control that composes with existing state.

Show what a partial endpoint returning 'meaningful HTML on its own' looks like (a minimal templ block or route signature), since that rule is currently the most open to interpretation.

Make the filter-state rule checkable: replace 'preserve the active state users would expect' with a specific test such as 'after a partial update, active filter values must round-trip in the URL or the hx-include scope'.

DimensionReasoningScore

Conciseness

Every line is a directive with no concept explanations or padding — 'Server-rendered HTML is the product; htmx enhances it, it does not replace it' assumes the reader's competence and earns its tokens. Nothing explains what htmx or templ is.

5 / 5

Actionability

The body names concrete attributes ('Prefer simple `hx-get` and `hx-include`') and gives one hard rule ('must still work as normal HTTP posts'), but there is no example of applying them — no attribute pattern for a filter control, no example partial endpoint, and 'preserve the active state users would expect' is abstract. For an instruction-only skill, the guidance is specific in places but missing the key application details.

3 / 5

Workflow Clarity

As a short rules-based skill it needs no multi-step sequence, and it is well organized across 'When to Use', 'HTMX Rules', and 'Interaction Rules'. 'Toggle actions must visibly reflect the resulting server state' functions as a checkpoint, but forms that mutate system state get no explicit verification step, and 'active state users would expect' leaves the filter check implicit.

4 / 5

Progressive Disclosure

The skill is under 50 lines with no bundle files (no references/, scripts/, or assets/ exist) and nothing that warrants external material. Its three well-organized sections are the appropriate structure for content of this size, matching the simple-skill exception.

5 / 5

Total

17

/

20

Passed

Description

73%Weight 40%Scale 1-5

Based on the skill's description, can an agent find and select it at the right time? Clear, specific descriptions lead to better discovery.

A concise, third-person description with an explicit and concrete trigger clause, well-scoped to a specific dashboard and stack. Its main weakness is that 'interaction rules' tells the reader what the file contains rather than what concrete capabilities it provides.

Suggestions

Replace 'interaction rules' with 1-2 concrete actions (e.g., 'Governs how htmx partial updates, filters, and form posts are wired in the Engram dashboard') so the 'what' is capability-based rather than artifact-based.

Add the natural trigger terms the body already covers — filters, search controls, toggles — to the Trigger clause so user phrasing matches the description more often.

DimensionReasoningScore

Specificity

The description names a specific domain ('HTMX and templ interaction rules for the Engram dashboard') and enumerates the surfaces it governs ('htmx attributes, partial updates, forms, or server-rendered browser UI'), but 'interaction rules' names the artifact rather than listing concrete actions, so coverage is not comprehensive.

3 / 5

Completeness

Both parts are present: 'HTMX and templ interaction rules for the Engram dashboard' states what it is, and an explicit 'Trigger:' clause states when to use it with concrete change types. The 'what' is somewhat vague about what the skill actually does with those rules, keeping it below a 5.

4 / 5

Trigger Term Quality

The trigger clause uses natural phrases a developer on this dashboard would say ('htmx attributes', 'partial updates', 'forms', 'server-rendered browser UI'), giving good keyword coverage. A few natural terms the body covers — filters, search, toggles — are missing from the description.

4 / 5

Distinctiveness Conflict Risk

The description is scoped to a named project ('Engram dashboard') and a specific stack (htmx/templ), giving it a clear niche with distinct triggers and minimal risk of firing for unrelated skills.

5 / 5

Total

16

/

20

Passed

Validation

100%

Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.

Validation — 16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository

Gentleman-Programming/engram

Path

skills/dashboard-htmx/SKILL.md

Reviewed

Table of Contents

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.