htmx-development

Integrate HTMX into Drupal forms and controllers for dynamic interfaces.

32|7|Updated Dec 6, 2025
One-click install
npx skills add https://github.com/camoa/claude-skills --skill htmx-development
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: htmx-development
Source: https://github.com/camoa/claude-skills/tree/main/drupal-htmx/skills/htmx-development
Command: npx skills add https://github.com/camoa/claude-skills --skill htmx-development

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill simplifies the development of dynamic, interactive user interfaces in Drupal by leveraging the HTMX library, reducing the need for complex JavaScript and traditional AJAX callbacks.

Core Features & Use Cases

  • HTMX Implementation: Provides guidance and code examples for integrating HTMX into Drupal forms and controllers.
  • AJAX Migration: Offers strategies and direct comparisons for migrating existing Drupal AJAX patterns to HTMX.
  • Use Case: You need to build a form with dependent dropdowns where selecting a category dynamically updates the available subcategories without a full page reload. This Skill shows you exactly how to implement that using HTMX.

Quick Start

Use the htmx-development skill to implement a basic HTMX element in a Drupal form.

Frequently Asked Questions about htmx-development

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

FAQPage Schema
How do I build dynamic Drupal interfaces with HTMX?

To build dynamic Drupal interfaces with HTMX, you use the HTMX library to handle form updates and content swapping directly in HTML attributes. This approach reduces the need for complex JavaScript and traditional AJAX callbacks.

How do I migrate existing Drupal AJAX patterns to HTMX?

Migrating Drupal AJAX to HTMX involves replacing traditional AJAX callbacks with HTMX attributes for progressive enhancement. This Skill provides direct comparisons and strategies to transition your existing patterns seamlessly.

Can I create dependent dropdowns in Drupal forms using HTMX?

Yes, you can create dependent dropdowns in Drupal forms using HTMX. Selecting a category dynamically updates available subcategories via content swapping without requiring a full page reload.

Does HTMX work with Drupal for progressive enhancement?

HTMX works effectively with Drupal for progressive enhancement. It integrates into Drupal forms and controllers, allowing you to update content dynamically while maintaining modern web application best practices.

What is the best way to update Drupal form content without a full page reload?

The best way to update Drupal form content without a full page reload is using HTMX content swapping. By attaching HTMX classes to form elements, you can fetch and replace specific HTML fragments dynamically.