htmx-skill

Index HTMX attributes, events, extensions, and examples from local reference files.

Updated Sep 28, 2025
One-click install
npx skills add https://github.com/cmac4603/dotfiiles --skill htmx-skill-cmac4603
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: htmx-skill
Source: https://github.com/cmac4603/dotfiiles/tree/main/dot_config/opencode/skill/htmx-skill
Command: npx skills add https://github.com/cmac4603/dotfiiles --skill htmx-skill-cmac4603

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides immediate access to comprehensive documentation for the HTMX JavaScript library, eliminating the need to search external websites for syntax, attributes, events, and examples.

Core Features & Use Cases

  • Attribute Reference: Quickly find details on all HTMX attributes like hx-get, hx-trigger, hx-swap, etc.
  • Event Documentation: Understand and utilize HTMX events for dynamic behavior control.
  • Example Library: Browse practical examples demonstrating various HTMX patterns and integrations.
  • Use Case: When building a dynamic web interface, you need to know the exact syntax for hx-trigger with a delay modifier. This Skill instantly provides the correct attribute usage and an example.

Quick Start

Use the htmx-skill to find documentation for the hx-swap attribute.

Frequently Asked Questions about htmx-skill

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

FAQPage Schema
How do I find the correct syntax for htmx attributes like hx-get and hx-trigger?

To find correct htmx attribute syntax, this skill provides a structured index and detailed reference for attributes like hx-get and hx-trigger, including usage patterns and practical examples for rapid frontend development.

What is the best way to look up htmx events and extensions for dynamic web interfaces?

The best way to look up htmx events and extensions is using this documentation skill, which offers instant access to event details and extension references to help you control dynamic behavior in your web application.

How do I use htmx hx-swap to update my frontend UI?

To use htmx hx-swap for updating your frontend UI, this skill provides instant access to its documentation, offering specific syntax details and example patterns for swapping content dynamically.

Can I access htmx documentation offline for quick AJAX lookups?

Yes, you can access htmx documentation offline for quick AJAX lookups because this skill utilizes local reference files, ensuring immediate access to syntax and best practices without an external website connection.

Does this skill provide examples for building dynamic web interfaces with htmx?

Yes, this skill provides an example library demonstrating various htmx patterns and integrations, allowing you to browse practical use cases for building dynamic web interfaces with AJAX functionality.

How do I add a delay modifier to an htmx hx-trigger attribute?

To add a delay modifier to an htmx hx-trigger attribute, this skill instantly provides the exact attribute syntax and a practical example, eliminating the need to search external web development websites.