web-components-architecture

Build web components using Custom Elements v1 API with Declarative Shadow DOM, attribute-driven state, handleEvent pattern, and zero DOM selection. Use when creating custom elements, extending built-in HTML elements, or implementing component-based architecture. NO querySelector, NO innerHTML, NO external libraries - pure web platform APIs only.

$ Installer

git clone https://github.com/matthewharwood/fantasy-phonics /tmp/fantasy-phonics && cp -r /tmp/fantasy-phonics/.claude/skills/web-components ~/.claude/skills/fantasy-phonics

// tip: Run this command in your terminal to install the skill