ui-convert-extractor-html
Installation
SKILL.md
HTML Extractor
Converts plain HTML/CSS/JS pages into Design IR. No framework required — works with static sites, Bootstrap pages, Tailwind CDN sites, and vanilla HTML.
What This Extracts
| Source Pattern | IR Output |
|---|---|
<div>, <section>, <main> |
Frame/section nodes (fr, sec) |
<header>, <nav> |
Header/nav nodes (hdr, nav) |
<footer> |
Footer node (ftr) |
<aside> |
Sidebar node (sdb) |
<button>, <a class="btn"> |
Button node (btn) |
<input>, <textarea>, <select> |
Input node (inp) |
<img> |
Image node (img) |
<h1>–<h6>, <p>, <span>, <label> |
Text node (txt) |
<ul>/<ol> + <li> |
List nodes (lst + li) |
<table> + <tr> + <td> |
Table nodes (tbl + tr + td) |
Related skills