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.