htmx

Structure HTMX requests and responses for server-driven web interactions.

1|Updated May 11, 2026
One-click install
npx skills add https://github.com/skalanux/puntofiles --skill htmx-skalanux
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: htmx
Source: https://github.com/skalanux/puntofiles/tree/main/dot_agents/skills/htmx
Command: npx skills add https://github.com/skalanux/puntofiles --skill htmx-skalanux

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

HTMX development guidance helps you avoid writing heavy JavaScript by using declarative HTML attributes to create responsive, server-driven interactions.

Core Features & Use Cases

  • Request Attribute Patterns: Use hx-get, hx-post, hx-put, hx-patch, and hx-delete to map user actions to server endpoints.
  • DOM Update Control: Leverage hx-target and hx-swap to inject returned HTML into precise locations with predictable swap behavior.
  • Production-Ready Best Practices: Apply hx-confirm for destructive actions, return proper HTTP status codes, and keep responses small by sending only the necessary HTML fragments.

Quick Start

Ask an AI to generate HTMX-powered HTML snippets for a user list page that loads data on button click, replaces a target container with the server response, and includes basic error-handling markup.

Frequently Asked Questions about htmx

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

FAQPage Schema
How do I build dynamic web UIs without writing heavy client-side JavaScript?

You can build dynamic web UIs without heavy JavaScript by using declarative HTML attributes to issue AJAX requests and swap DOM elements directly from server-rendered HTML fragments.

What is the best way to handle asynchronous form submission using HTML attributes?

Asynchronous form submission is handled by mapping user actions to server endpoints with request attributes like hx-post, then updating the UI by injecting the returned HTML fragment into a targeted container.

How does DOM swapping work when loading server-driven HTML fragments?

DOM swapping works by using hx-target to specify a container and hx-swap to define how the server's HTML response replaces or appends content within that precise location on the page.

Can I update the browser URL after loading dynamic content without a page refresh?

Yes, you can update the browser URL after loading dynamic content by using the hx-push-url or hx-replace-url attributes to reflect the new state in the address bar without a full page refresh.

How do I add delete confirmation dialogs for destructive actions in a server-driven UI?

Delete confirmation dialogs are added using the hx-confirm attribute, which prompts the user before executing destructive requests like hx-delete to ensure intentional server-side data removal.

What are the limitations of using server-driven rendering for dynamic web apps?

Server-driven rendering requires a server endpoint for every interaction and returns only HTML fragments, meaning it is not suited for offline-first applications or complex client-side state management.