What is the HTMX Patterns for MC-ORG skill?

It is a specialized capability for Claude Code that provides documentation and best practices for implementing HTMX using Kotlin helpers specifically within the MC-ORG framework.

Does this skill support updating multiple page elements at once?

Yes, it includes patterns for Out-of-Band (OOB) swaps using hxOutOfBands, allowing a single server response to update several different elements on a page.

How does the 'Delete with Confirmation' pattern work?

It utilizes the hxDeleteWithConfirm helper to trigger a modal where users can be required to type a specific confirmation string (like 'DELETE') before the action is executed.

What are the rules for HTMX response types?

GET endpoints must return full pages using createPage, while POST, PUT, PATCH, and DELETE endpoints must return HTML fragments designed for the specified target.

HTMX Patterns for MC-ORG

Name: HTMX Patterns for MC-ORG
Author: evengul

byevengul

0•

设计工具

Simplifies HTMX implementation in Kotlin-based MC-ORG projects using standardized helper functions and interaction patterns.

This skill provides a comprehensive reference and implementation guide for utilizing HTMX within the MC-ORG framework. It equips Claude with domain-specific knowledge of Kotlin-based HTMX extensions (hx.kt), covering essential interaction patterns like out-of-band swaps, inline editing, and specialized 'delete-with-confirm' components. By following established rules for fragment-based responses and strict target matching, it ensures the consistent development of reactive web interfaces and efficient state management without the overhead of heavy JavaScript frameworks.

主要功能

01Standardized response utilities for redirects and error targeting

02Advanced UI patterns including inline editing and dynamic loading

03Kotlin-based HTMX helper functions for semantic HTTP methods

040 GitHub stars

05Custom 'Delete with Confirmation' modal integration with safety checks

06Support for out-of-band (OOB) swaps to update multiple elements

使用场景

01Implementing partial page updates for dynamic dashboards

02Building reactive CRUD interfaces in Kotlin/Ktor environments

03Creating secure deletion workflows with required text confirmation

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add evengul/mc-org docs-htmx

For use in Claude.ai and ChatGPT