兩條路
兩種做法，同一個終點
路線 A
用 Block 組
從現成版面挑選組合。
適合
還沒有想法、想直接套用；要穩定。
路線 B
自由畫，再收錄
讓 AI 像平常一樣自由畫，畫完收錄成 Block。
適合
想從零創作；手上有設計稿或舊網站。
用 Block 組
自由畫 HTML
Merge 收錄
Block ＋ Stylebook
路線 A
用 Block 組
現成版面已經處理好手機、平板、桌機，挑選、組合、填內容。
200 種現成版面
主視覺、功能特色、流程、價格表、團隊、見證、常見問題……共 23 類。
樣式可以再改
用 CSS 改任何元件的樣式，改完一樣收錄進 Stylebook。
功能型 Block
自動帶入站上的文章、影片、Podcast，不用手動填。
路線 B
自由畫，再收錄
用 Claude Code、Codex 這類工具，照一般的方式畫 HTML。畫完收錄，就變成這個網站自己的 Block。
01
畫
讓 AI 自由畫 HTML，Tailwind 等一般寫法都可以。
02
轉成 Block
文字、按鈕、圖片變成後台可以改的欄位。
03
收錄樣式
在 Stylebook Merge 逐項決定，哪些樣式留在這頁、哪些收進 Stylebook。
自由畫的畫面，能轉成欄位的部分會轉成欄位，其餘保留原樣，照樣顯示。
下一步
② Stylebook
收斂整站樣式，重複使用。