htmx

Enable AJAX-like interactions and dynamic content updates via HTML attributes.

Updated Aug 2, 2025
One-click install
npx skills add https://github.com/czer323/d3-item-salvager --skill htmx-czer323
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: htmx
Source: https://github.com/czer323/d3-item-salvager/tree/main/.claude/skills/htmx
Command: npx skills add https://github.com/czer323/d3-item-salvager --skill htmx-czer323

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Adds interactivity to HTML without heavy JavaScript frameworks, enabling AJAX-like requests, real-time updates, and richer UI without a full client-side framework.

Core Features & Use Cases

  • AJAX-style interactions using simple HTML attributes (hx-get, hx-post, hx-target, hx-trigger, hx-swap).
  • Real-time updates via WebSockets and Server-Sent Events, with extensible behavior through optional extensions.
  • Progressive enhancement: pages work without JavaScript, then progressively upgrade with attributes to deliver dynamic experiences.
  • Use Case: Convert a static list page into a live, interactive interface where items load, swap, and respond to user actions without writing custom JavaScript.

Quick Start

Add hx-get, hx-post, and related attributes to your HTML elements to enable AJAX-like interactions without JavaScript frameworks.

Frequently Asked Questions about htmx

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add AJAX interactivity to server-rendered HTML without writing JavaScript?

Add AJAX interactivity to server-rendered HTML by attaching attributes like hx-get, hx-post, hx-target, and hx-swap to elements, enabling dynamic content loading and form submission without heavy JavaScript frameworks.

Can I handle real-time updates using WebSockets and Server-Sent Events in static HTML?

Handle real-time updates using WebSockets and Server-Sent Events by applying specific htmx attributes and optional extensions to your HTML elements, receiving live server pushes without custom client-side JavaScript.

What is progressive enhancement and does it work for static HTML pages?

Progressive enhancement lets static HTML pages function normally without JavaScript, then dynamically upgrades them with attributes to deliver interactive experiences like swapping content and responding to user actions.

How do I trigger dynamic content loading and form submission on a web UI?

Trigger dynamic content loading and form submission by configuring hx-trigger and hx-swap attributes on HTML elements, which intercept user events and swap returned server content into the target.

Do I need server endpoints to return swappable content for HTML-first AJAX requests?

You need server endpoints that return swappable HTML content, as the attributes send asynchronous requests to the server and swap the returned HTML fragments directly into the target element.

What is the best way to build a live interactive interface from a static list page?

Build a live interactive interface from a static list page by adding HTML attributes to load items, swap content, and handle events dynamically, avoiding the complexity of a full client-side framework.