CtrlK
BlogDocsLog inGet started
Tessl Logo

alonso-skills/htmx

Implements HTMX interactions, configures swap behaviors, debugs hx-* requests, and builds hypermedia-driven UI components. Use when tasks involve hx-* attributes, HTMX AJAX requests, swap strategies, server-sent events, WebSockets, or hypermedia-driven UIs.

71

Quality

89%

Does it follow best practices?

Impact

No eval scenarios have been run

SecuritybySnyk

Passed

No known issues

Overview
Quality
Evals
Security
Files

Quality

Content

72%

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

This is a well-structured HTMX skill with strong progressive disclosure and actionability. The Reference Map and Task Routing sections are particularly effective at guiding Claude to the right reference file. The main weaknesses are minor redundancy in the examples/rules and a somewhat vague validation step in the workflow that could benefit from concrete debugging techniques (e.g., checking browser dev tools or using the htmx:responseError event).

Suggestions

Remove the duplicated explanation of 'HTML responses, not JSON' — it appears in the example commentary and again as Critical Rule #1. Keep it in one place.

Make the validation step in Quick Start more concrete — e.g., 'Check the response Content-Type is text/html and the body contains no JSON. Use browser DevTools Network tab or the htmx:beforeSwap event to inspect responses.'

DimensionReasoningScore

Conciseness

Generally efficient but includes some unnecessary explanation (e.g., 'The server endpoint must return an HTML fragment, not JSON' is repeated in both the example and Critical Rules, and the default swap explanation is also duplicated). The Critical Rules section is dense but mostly earns its tokens. Some tightening possible.

2 / 3

Actionability

Provides a fully executable HTML example with both client-side markup and expected server response. Critical Rules give specific, concrete guidance (e.g., HTTP 286 for polling, HX-Request header, hx-disable for XSS). Task routing provides clear decision paths.

3 / 3

Workflow Clarity

The Quick Start provides a 4-step sequence but the validation step ('Validate that server responses return HTML fragments, not JSON') is vague — no concrete validation command or technique is given. For a skill involving server-client interaction where mismatched response formats are a common failure mode, a more explicit validation/debugging checkpoint would strengthen this.

2 / 3

Progressive Disclosure

Excellent progressive disclosure structure. The SKILL.md serves as a clear overview with a well-organized Reference Map and Task Routing section that provides one-level-deep, clearly signaled references to domain-specific files. Navigation is intuitive and content is appropriately split.

3 / 3

Total

10

/

12

Passed

Description

100%

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

This is an excellent skill description that hits all the marks. It provides specific concrete actions, includes comprehensive natural trigger terms that developers would actually use, has an explicit 'Use when...' clause, and targets a clearly distinct technology niche (HTMX) that minimizes conflict risk with other skills.

DimensionReasoningScore

Specificity

Lists multiple specific concrete actions: 'Implements HTMX interactions', 'configures swap behaviors', 'debugs hx-* requests', and 'builds hypermedia-driven UI components'. These are distinct, actionable capabilities.

3 / 3

Completeness

Clearly answers both 'what' (implements interactions, configures swap behaviors, debugs requests, builds components) and 'when' with an explicit 'Use when...' clause listing specific trigger scenarios.

3 / 3

Trigger Term Quality

Excellent coverage of natural terms users would use: 'hx-* attributes', 'HTMX AJAX requests', 'swap strategies', 'server-sent events', 'WebSockets', 'hypermedia-driven UIs'. These are the exact terms developers would mention when needing HTMX help.

3 / 3

Distinctiveness Conflict Risk

HTMX is a very specific technology niche. The triggers like 'hx-* attributes', 'swap strategies', and 'hypermedia-driven' are highly distinctive and unlikely to conflict with general frontend or other framework skills.

3 / 3

Total

12

/

12

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.

Validation11 / 11 Passed

Validation for skill structure

No warnings or errors.

Reviewed

Table of Contents