generate-htmx-component

What problem does it solve? Building interactive UI elements that update without full page reloads often requires heavy JavaScript frameworks. This Skill produces lightweight, server-driven HTML fragments using HTMX attributes and Tailwind classes, keeping frontend logic minimal and server-controlled. ## Core Features & Use Cases - HTMX Fragment Generation: Creates HTML-only components with hx-get, hx-post, hx-target, and hx-swap attributes for dynamic server-driven interactions. - Correct Swap & Validation Patterns: Applies proper hx-swap strategies, hx-swap-oob multi-target updates, and HTTP status codes (200, 422, 404, 400) for form validation flows. - Minimalist Tailwind Styling: Styles components with an off-white, light gray, single-accent palette using standard Tailwind utility classes. - Use Case: Build a form card that submits via hx-post, returns validation errors inline with HTTP 422, and updates a list via hx-swap-oob — all without writing any client-side JavaScript. ## Quick Start Generate an HTMX contact form component that posts to the server and displays inline validation errors without reloading the page.