htmx-pattern-library

Community

Streamline interactive web development with HTMX and Alpine.js patterns.

Authoreykd
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill unit provides patterns and guidance to efficiently build interactive web experiences using HTMX and Alpine.js, simplifying complex front-end tasks and reducing development time.

Core Features & Use Cases

  • HTMX Patterns: Offers a collection of patterns for forms, infinite scrolling, debounced searches, and more.
  • Alpine.js Integration: Provides integration with Alpine.js for client-side state management.
  • Use Case: Use this Skill unit to create a form with validation, implement infinite scrolling on a list, or build a debounced search functionality.

Quick Start

Use the htmx-pattern-library skill to generate a form validation pattern with the command: generate-form-validation pattern="basic".

Dependency Matrix

Required Modules

hxalpinejs

Components

scriptsreferencesassets

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: htmx-pattern-library
Download link: https://github.com/eykd/vance-ts/archive/main.zip#htmx-pattern-library

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.