go-hyperscript-patterns

Automate declarative client-side scripting for HTMX-powered UIs with hyperscript attributes.

Updated Jan 8, 2026
One-click install
npx skills add https://github.com/OlegHQ/claude-config --skill go-hyperscript-patterns
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: go-hyperscript-patterns
Source: https://github.com/OlegHQ/claude-config/tree/main/go-skills-plugin/skills/go-hyperscript-patterns
Command: npx skills add https://github.com/OlegHQ/claude-config --skill go-hyperscript-patterns

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Hyperscript patterns provide declarative scripting to reduce JavaScript boilerplate in HTMX-driven UIs, letting developers express behavior directly in HTML attributes.

Core Features & Use Cases

  • Declarative event handling and DOM manipulation using simple _ attributes
  • Common UI patterns like modals, auto-scroll, toggles, and component messaging in HTMX apps
  • Works with Go templating for embedding into server-rendered pages

Quick Start

Attach hyperscript attributes to your HTMX templates to drive client-side behavior without writing JavaScript.

Frequently Asked Questions about go-hyperscript-patterns

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

FAQPage Schema
How do I handle UI interactions like modals and toggles in HTMX without writing JavaScript?▼

You can handle UI interactions in HTMX without JavaScript by applying declarative hyperscript attributes directly within your HTML templates to drive client-side behavior.

What is the best way to implement component messaging and auto-scroll in Go templated apps?▼

The best way to implement component messaging and auto-scroll in Go templated apps is using declarative hyperscript patterns embedded as HTML attributes to manage these interactions natively.

Can I use hyperscript attributes with Go templating for server-rendered pages?▼

Yes, you can use hyperscript attributes with Go templating to embed declarative client-side behavior directly into server-rendered HTML pages without requiring an external runtime.

Does HTMX require hyperscript to manage DOM manipulation and event handling?▼

HTMX does not require hyperscript, but pairing them allows you to replace JavaScript boilerplate with declarative HTML attributes for common DOM manipulation and event handling tasks.

How do I attach hyperscript to my HTMX templates to drive client-side behavior?▼

To drive client-side behavior, attach hyperscript attributes directly to elements in your HTMX templates to declaratively express client-side logic without writing custom JavaScript.

What are the limitations of using declarative hyperscript instead of JavaScript for frontend UI patterns?▼

Using declarative hyperscript for frontend UI patterns limits you to the capabilities of its syntax and common UI interactions, requiring no external runtime beyond hyperscript and HTMX.