從 Shadow DOM 到 Agent Skill：把一份 HTML 打包成到處都貼得上的模組
Shadow DOM一直是個被忽略的神器，他能夠將複雜的 HTML + JS + CSS ~= Web App 完整封裝成一個跟主頁面（Host Page）徹底隔離的獨立元件，不用擔心嵌入在網頁上的精美元件樣式受到主頁面 CSS跟 JS的污染（反之亦然），但是在以前這是一個非常繁瑣的開發任務，而且為了一個重複使用機會很低的元件花上這些時間是非常不值得的，但現在有了 AI Coding Agent一切就不一樣了，Web App轉換成一個 Shadow DOM完全是分分鐘的事情，以下文章就簡單分享一下這東西。