htmx

Build server-driven web UIs with HTMX attributes and progressive enhancement.

1|Updated Jan 13, 2026
One-click install
npx skills add https://github.com/osocode/code-tools-bootstrap --skill htmx
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: htmx
Source: https://github.com/osocode/code-tools-bootstrap/tree/main/skills/generated/claude-code/htmx
Command: npx skills add https://github.com/osocode/code-tools-bootstrap --skill htmx

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

HTMX enables progressively enhanced dynamic web experiences by allowing server-driven updates, reducing the need for heavy client-side JavaScript frameworks.

Core Features & Use Cases

  • Server-driven interactivity: Update parts of a page without full reloads.
  • Accessibility-focused patterns: Guidance on focus management and ARIA live regions.
  • Streaming capabilities: SSE extension support for real-time content.

Quick Start

Add HTMX to your page and attach attributes like hx-get, hx-target, and hx-swap to an element to fetch and swap server-rendered content. Make sure your server responds with partial HTML for the 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 dynamic UIs with server-driven updates instead of client-side JavaScript?

To build dynamic UIs with server-driven updates, use HTMX attributes like hx-get and hx-target to fetch server-rendered HTML and swap it into the page. Your server must respond with partial HTML for the target container.

What is progressive enhancement and how does it apply to web interactivity?

Progressive enhancement allows web pages to remain functional without JavaScript while providing dynamic updates when available. HTMX implements this by attaching attributes to HTML elements for server-driven partial page swaps.

How do I handle accessibility when updating page content dynamically?

When updating page content dynamically, handle accessibility by managing focus and utilizing ARIA live regions. This ensures screen readers properly announce server-driven content changes fetched via HTMX.

Can I stream real-time content to a web page using server-sent events?

Yes, you can stream real-time content to a web page using server-sent events. HTMX provides an SSE extension that supports streaming capabilities for real-time content updates directly from the server.

When should I not use server-driven HTMX for web development?

You should not use server-driven HTMX when your application requires complex client-side state management offline or highly interactive UI features that go beyond progressive enhancement and partial HTML swapping.

What's the best way to swap server-rendered content into a specific page element?

The best way to swap server-rendered content is by attaching hx-get, hx-target, and hx-swap attributes to an element. HTMX fetches the partial HTML response and swaps it into the targeted container.