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.

95

Quality

95%

Does it follow best practices?

Impact

Pending

No eval scenarios have been run

SecuritybySnyk

Passed

No known issues

Overview
Quality
Evals
Security
Files

REFERENCE.mdreferences/

HTMX Reference Index

Use this index to pick the smallest reference file that matches the task.

Package Guides

DomainFileUse For
Attributesreferences/attributes.mdAll hx-* attributes, their accepted values, modifiers, and inheritance behavior
Requestsreferences/requests.mdTriggering requests, headers (request/response), parameters, file uploads, CSRF, CORS, caching
Swappingreferences/swapping.mdSwap strategies, targets, extended CSS selectors, OOB swaps, morphing, view transitions, CSS transitions
Events & APIreferences/events-api.mdLifecycle events, JS API methods, configuration options, extensions, debugging, scripting
Patternsreferences/patterns.mdCommon UI patterns: active search, infinite scroll, click to load, edit row, modals, lazy loading, tabs, file upload, progress bar
Extensionsreferences/extensions.mdOfficial extensions: WebSockets (ws), SSE (sse), Idiomorph (morph), response targets, head support, preload
Gotchasreferences/gotchas.mdCommon pitfalls, silent failures, accessibility, error handling, architecture decisions, version migration

Common Task Routing

  • Add AJAX behavior to a button/link/form: read references/attributes.md
  • Configure when a request fires (polling, debounce, keyboard shortcuts): read references/requests.md
  • Control where the response goes and how it renders: read references/swapping.md
  • Update multiple parts of the page from one response: read references/swapping.md (OOB swaps section)
  • Listen for HTMX events or call the JS API: read references/events-api.md
  • Set up extensions (SSE, WebSockets, Idiomorph, preload, response-targets, head-support): read references/extensions.md
  • Implement a common UI pattern (search box, infinite scroll, modals): read references/patterns.md
  • Integrate with third-party JS libraries: read references/events-api.md (scripting section)
  • Security hardening (CSRF, CSP, XSS prevention): read references/requests.md (security section)
  • Avoiding common pitfalls and silent failures: read references/gotchas.md
  • Accessibility best practices for HTMX: read references/gotchas.md (accessibility section)
  • Deciding if HTMX is the right fit for a project: read references/gotchas.md

Suggested Reading Order

  1. Start with this file.
  2. Open one domain file for the immediate task.
  3. Open additional files only when cross-domain integration is required.

references

attributes.md

events-api.md

extensions.md

gotchas.md

patterns.md

REFERENCE.md

requests.md

swapping.md

SKILL.md

tile.json