dom-apis

What problem does it solve?

DOM manipulation and browser APIs can be complex to implement efficiently and accessibly. This Skill consolidates essential patterns for element selection, events, storage, fetch, and modern Web APIs into a practical reference you can apply directly to real projects.

Core Features & Use Cases

• Element selection and manipulation with querySelector / querySelectorAll, createElement, and safe text handling.
• Event handling and performance patterns, including delegation, listener options, and cleanup strategies.
• Modern Web APIs and accessibility concepts such as storage, fetch, IntersectionObserver, MutationObserver, and a11y considerations for forms, images, and links.
• Use Case: Build an interactive UI panel that reacts to user input, persists state with localStorage, and loads data via fetch while maintaining accessibility constraints.

Quick Start

Create a minimal demo that selects and manipulates DOM elements, wires up delegated events, and demonstrates a simple IntersectionObserver example.