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.