skills.rest
gil00pita
gil00pitaCOMMUNITY
Explore all skills by this author →
Website𝕏@gil00pitaGitHub

htmx

Add dynamic interactivity to HTML using hx-* attributes for AJAX, WebSockets, and SSE.

Updated Apr 12, 2026
Search Tags:#declarative#ajax#htmx#websockets#server-sent-events#html-first
One-click install
npx skills add https://github.com/gil00pita/lanify --skill htmx-gil00pita
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: htmx
Source: https://github.com/gil00pita/lanify/tree/main/.agents/skills/htmx
Command: npx skills add https://github.com/gil00pita/lanify --skill htmx-gil00pita

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

HTMX provides a way to add dynamic interactivity to HTML without a heavy JavaScript framework by wiring up AJAX, WebSockets, SSE, and CSS transitions through HTML attributes.

Core Features & Use Cases

  • Declarative AJAX requests using hx-get, hx-post, hx-put, and related attributes to update page content without full reloads.
  • Real-time communication through WebSockets and Server-Sent Events, enabling live updates and streaming content.
  • Lightweight, HTML-first development approach suitable for hypermedia-driven applications and progressive enhancement.

Quick Start

Include the htmx script in your page and start using its attributes to perform AJAX requests and update content without writing JavaScript.

Frequently Asked Questions about htmx

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

FAQPage Schema
How do I add AJAX requests to HTML without writing JavaScript?▼

You can add AJAX to HTML declaratively by including the htmx script and using hx-get, hx-post, hx-put, or related attributes to update page content without full reloads or JavaScript.

Can I implement real-time updates using WebSockets and Server-Sent Events directly in HTML?▼

Yes, real-time updates are supported through WebSockets and Server-Sent Events, enabling live streaming content and updates directly via HTML attributes and extensions without a heavy framework.

What is the best way to build hypermedia-driven apps without a heavy JavaScript framework?▼

Building hypermedia-driven apps is best achieved through an HTML-first development approach using declarative attributes for AJAX, CSS transitions, and real-time communication for progressive enhancement.

Does this declarative AJAX approach support CSS transitions for interactive pages?▼

Yes, CSS transitions are supported alongside AJAX, WebSockets, and SSE, allowing you to wire up dynamic interactivity and real-time updates for interactive pages entirely through HTML attributes.

When should I not use a declarative HTML-first approach for web interactivity?▼

You should avoid this declarative HTML-first approach if your project requires complex client-side state management or UI logic that exceeds the scope of progressive enhancement and hypermedia-driven patterns.

Related Skills

Explore More Software Engineering Skills→
the-perfect-developerthe-perfect-developer
11

htmx

Enable server-driven interactivity in web pages using htmx attributes.

Community
Advanced
skalanuxskalanux
1

htmx

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

Community
Basic
omakeiomakei
2

nuxt-realtime

Integrate Laravel Echo WebSocket streams into Nuxt 3 applications.

Community
Intermediate
PatternsDevPatternsDev
235

react-server-components

Server-render React components to reduce client-side JavaScript in Next.js App Router.

Official
Intermediate