Build hypermedia-driven web applications using htmx attributes for AJAX and server-sent events.
npx skills add https://github.com/druejaramillo/skills --skill htmx-druejaramillo
Please help me install this Agent Skill. Skill: htmx Source: https://github.com/druejaramillo/skills/tree/main/tools/htmx Command: npx skills add https://github.com/druejaramillo/skills --skill htmx-druejaramillo
This skill solves the complexity of building modern, interactive web applications by allowing you to access AJAX, CSS transitions, WebSockets, and Server-Sent Events directly from HTML, eliminating the need for heavy JavaScript frameworks.
Use the htmx skill to help me implement an active search pattern that updates the results table as I type in the search input field.
High-intent search queries and answers about installing and using this skill.
You can add AJAX to server-rendered HTML without a JavaScript framework by using htmx attributes to issue HTTP requests directly from HTML elements and swap content fragments into the DOM. This eliminates heavy client-side JavaScript complexity.
Hypermedia-driven web development handles UI updates by returning HTML fragments instead of JSON from the server. htmx attributes intercept interactions and swap these fragments directly into the DOM, managing state via standard HTTP.
To implement an active search pattern that updates results as you type, you use htmx attributes on an input field to trigger AJAX requests. The server returns HTML fragments containing the filtered results table for immediate DOM swapping.
Yes, you can use CSS transitions and Server-Sent Events directly in frontend HTML. htmx exposes these browser features through HTML attributes, enabling smooth UI transitions and real-time server pushes without writing custom JavaScript.
The best way to build interactive UI patterns like infinite scroll and lazy loading is by applying htmx attributes to HTML elements. This progressively enhances server-rendered pages to fetch and swap HTML fragments as the user scrolls.
alti3Detect HTMX requests and return server-rendered HTML fragments in Litestar.
pascallammersImplement real-time bidirectional communication with WebSockets, Socket.io, and SSE.
timequityRender server-rendered HTML UI for Axum apps using Askama and HTMX.
OlegHQImplement HTMX-powered server-rendered UI patterns in Go backends.
