Provide minimal TypeScript DOM wrappers for manipulation, Shadow DOM, and templates.
npx skills add https://github.com/alexewerlof/jj --skill jj-dom-helpers
Please help me install this Agent Skill. Skill: jj-dom-helpers Source: https://github.com/alexewerlof/jj/tree/main Command: npx skills add https://github.com/alexewerlof/jj --skill jj-dom-helpers
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.
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.
High-intent search queries and answers about installing and using this skill.
Type-safe DOM manipulation without a build step is achieved through fluent TypeScript wrappers providing direct access to Shadow DOM, templates, and fragments. It reduces boilerplate by chaining native node operations imperatively for AI-driven apps.
Creating web components with fluent DOM APIs involves using type-safe wrappers to chain element creation and styling. ShadowMaster integration handles Shadow DOM initialization, templates, and styles with minimal ceremony.
Document fragments and templates can be used for batch DOM operations through dedicated fluent wrappers. These handle template reuse and fragment insertion natively, eliminating manual boilerplate while maintaining TypeScript type safety.
This DOM helper library requires no external dependencies or frameworks, operating with zero build steps. It provides a minimal, imperative TypeScript interface wrapping native browser APIs to ensure type safety and reusability.
Fluent DOM wrappers reduce boilerplate in AI-assisted development by providing type-safe chaining for common DOM targets. They abstract repetitive API calls into a compact, imperative syntax that AI agents can generate reliably.
ShadowMaster should be used for Shadow DOM initialization when building vanilla web components requiring encapsulated templates and styles. It manages shadow root attachment directly within the fluent wrapper workflow.
yw662Build reactive web components with TC39 Signals and native custom elements.
mgd34msuGenerate reusable custom HTML elements with Custom Elements and Shadow DOM.
act70255Generate SDKs and interactive developer portals from OpenAPI 3.1 specifications.
ncaqReplace React useRef patterns with declarative HTML features and state-driven logic.
