htmx

Fetch and swap HTML fragments using htmx attributes.

46|2|Updated Mar 13, 2026
One-click install
npx skills add https://github.com/mintarasss/htmx-skill --skill htmx-mintarasss
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: htmx
Source: https://github.com/mintarasss/htmx-skill/tree/main/htmx
Command: npx skills add https://github.com/mintarasss/htmx-skill --skill htmx-mintarasss

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

The htmx skill provides comprehensive guidance to build interactive web applications using HTML-over-the-wire techniques, enabling developers to leverage hx-* attributes to fetch, swap, and render HTML fragments without heavy client-side JavaScript frameworks.

Core Features & Use Cases

  • Complete attribute references, pattern guidance, and practical server-side examples across major frameworks.
  • 24 UI patterns and extensions that demonstrate live search, inline editing, infinite scrolling, modals, file uploads, and more.
  • Guidance for server-side integration, security considerations, and configuration to productionize htmx-powered apps.

Quick Start

Create a simple page that uses hx-get to fetch HTML and swap it into a target container.

Frequently Asked Questions about htmx

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

FAQPage Schema
How do I build interactive web interfaces without heavy JavaScript frameworks?

You can build interactive web interfaces using htmx to fetch and swap HTML fragments directly. By leveraging HTML-over-the-wire techniques and hx-* attributes, you create dynamic applications without heavy client-side JavaScript frameworks.

What UI patterns can I implement with server-rendered HTML and AJAX?

Server-rendered HTML combined with htmx supports 24 UI patterns and extensions, including live search, inline editing, infinite scrolling, modals, and file uploads. These patterns fetch and render HTML fragments dynamically without writing complex JavaScript.

Does htmx work with Flask, Django, and Express for server-side integration?

Yes, htmx works with Flask, Django, and Express. The Skill provides practical server-side examples and integration guidance across these frameworks to help you fetch, swap, and render HTML fragments on the server side.

What is the best way to configure htmx for production applications?

The best way to productionize htmx-powered apps is by following its configuration and security considerations. The Skill provides guidance on server-side setup, security implementations, and extensions to ensure your hypermedia-driven applications run reliably in production.

When should I not use HTML-over-the-wire for web development?

HTML-over-the-wire may not suit applications requiring complex offline functionality or heavy client-side state management. If your app needs extensive offline capabilities, you might hit limitations where traditional client-side JavaScript frameworks are more appropriate.