jj-dom-helpers

What problem does it solve?

The jj-dom-helpers skill provides a compact, type-safe set of wrappers around DOM APIs to reduce boilerplate and errors when manipulating the document, shadows, templates, and fragments, especially in AI-assisted workflows.

Core Features & Use Cases

• Type-safe wrappers for common DOM targets (JJHE, JJE, JJSE, JJD, JJDF, JJSR) enabling fluent chaining and safer access to native nodes.
• Shadow DOM support through ShadowMaster and initShadow for components, templates, and styles.
• Document fragments and template handling to batch DOM operations and reuse templates without manual boilerplate.
• Real-world use: building vanilla web components with minimal ceremony while keeping TS type safety.

Quick Start

Create a div with JJHE and chain methods to build and style content (e.g., JJHE.create('div').setText('Hello')) and integrate Shadow DOM templates with ShadowMaster as needed.