ui-convert-extractor-web-components
Installation
SKILL.md
Web Components Extractor
Converts Web Components (Lit elements, vanilla custom elements) into Design IR.
What This Extracts
| Source Pattern | IR Output |
|---|---|
html\...`` (Lit template) |
Node tree |
<slot> |
Content placeholder |
CSS in static styles |
Token mapping |
customElements.define('my-el', ...) |
Component |
| Shadow DOM structure | Node hierarchy |
Lit Extraction
Component Structure
Related skills