July 2026

Take a break and read all about it

從 Shadow DOM 到 Agent Skill:把一份 HTML 打包成到處都貼得上的模組

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

Read More »

Claude Fable 5 as an Orchestrator and samples

讓 Claude Fable 5 擔任總協調者,先擬定計畫,再依難度把子任務分派給 Opus 4.8、Sonnet 5 與 Haiku 4.5。本文以難度分級、交接規格、品質關卡與回饋循環為骨架,示範五組實戰產線:長篇研究報告、全端功能開發、大量資料清理、多語系在地化與客服工單分流,並說明如何把同一套流程套用到其他領域。

Read More »