Htmx
HTMX HTML-first approach with AJAX attributes. Use for server-rendered interactivity.From its SKILL.md
npx -y skills add G1Joshi/Agent-Skills --skill htmxAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
One thing to look at
- 12 stars12 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.
SKILL.md
1.3 KB, 305 tokens by cl100k_base, as published. Nobody here has run it
htmx
High power tools for HTML. Allows you to build modern user interfaces with the simplicity of hypertext.
When to Use
- Server-side rendered applications (Django, Flask, Rails, Go, PHP)
- You want SPA-like interactivity without the complexity of React/Vue
- "Hypermedia-driven" applications
Quick Start
<script src="https://unpkg.com/[email protected]"></script>
<!-- When clicked, issue GET to /clicked, swap outerHTML with response -->
<button hx-get="/clicked" hx-swap="outerHTML">Click Me</button>
Core Concepts
Attributes
hx-get, hx-post, hx-trigger, hx-target, hx-swap.
Swapping
Replacing parts of the DOM with HTML returned from the server.
HATEOAS
Hypermedia As The Engine Of Application State. The server returns HTML (state), not JSON.
Best Practices
Do:
- Return partial HTML snippets from the server
- Use
hx-boostto speed up navigation - Use
hx-indicatorfor loading states
Don't:
- Return full HTML pages for partial updates
- Use htmx if you need complex client-side state (offline mode, etc.)
References
What ships with it
Read from the repository
Just SKILL.md. No reference files, no scripts.