skills.homes logoskills.homescapability registry
home/categories/mobile/matthewharwood-engmanager-xyz-claude-skills-web-components-architecture-skill-md
cd ..
mobiledevelopment

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.

عرض المصدرmobile
matthewharwood
maintainer
matthewharwood
آخر تحديث 12/14/2025
النجوم
2
التفرعات
0
quick start

Installation and usage

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.

التثبيت
$ install --globalskills.sh
الاستخدام

بعد التثبيت، يمكنك استخدام هذه المهارة بتشغيل الأمر التالي في الطرفية:

skills use web-components-architecture