兩種做法怎麼運作
建站平台的做法,是在平台的編輯器裡完成網站,網站也放在平台的主機上。以 Framer 和 Pineapple Builder 為例,兩家都有免費方案,免費方案使用平台提供的網址;要綁自己的網域,就得升級到按月計費的付費方案。
用 Claude Code 做的方式不同:你用對話請 AI 工具直接在自己的電腦上寫出網頁檔案,成品是一個資料夾,可以放到任何能放網頁的主機。以 Sketchry 的 Skill 為例,成品是原生 HTML、CSS 與 JavaScript。
網站放在哪裡,誰能帶走
平台的網站住在平台上。好處是主機、網域設定與備份都有人處理,代價是網站跟著平台走。Hocoos 就是一個例子:這個 AI 建站平台的官網目前公告已停止營運,只開放下載各網站的 HTML 副本,下載期限到 2026 年 4 月 23 日(以 2026 年 10 月 9 日查看官網所見為準)。
用 Claude Code 做的網站,檔案一開始就在你的電腦上,換主機只是搬一個資料夾。
費用怎麼算
平台按網站、按月或按年收費,用得越久、做得越多,費用累積得越多。Framer 與 Pineapple Builder 的付費方案都是這樣計算。
Claude Code 這條路的費用,是 AI 工具本身的訂閱,加上放網站的主機。純靜態網站常能放在有免費方案的主機,做第二個、第三個網站時,不需要再為每個網站各付一次月費。
需要會什麼
平台最友善:打開瀏覽器,在編輯器裡拖拉、改文字就能完成,完全不用碰程式。
Claude Code 需要先會使用 AI 寫程式工具,包含安裝、貼上指令、在自己的電腦上預覽成品,以及將檔案放上主機。你不用自己寫程式,但要願意學這幾個步驟。
設計自由度
平台的版面由平台的元件組成,穩定可靠,但跳不出它的框架。Claude Code 幾乎沒有限制,滿版動畫、隨捲動播放的影格、特殊互動都做得到,缺點是成果好壞取決於你下的指令。
直接請 AI「做一個餐廳網站」,常會得到很普通的版面。Skill 的用途就在這裡:事先寫好設計規格與做法,讓結果穩定。
之後怎麼修改
平台在編輯器裡修改。Claude Code 則是告訴 AI 要改什麼,或直接改檔案。檔案在你手上,也方便交給別的設計師或工程師接手。
適合哪一種
選平台:想最快上線,需要內建的主機、表單與預約功能,完全不想碰程式。
選 Claude Code:你是接案者或設計師,需要交付原始檔給客戶;想做特殊的動畫互動;已經在用 AI 寫程式工具;或希望網站不綁在單一平台上。
兩條路不互斥,可以先用平台驗證想法,再做出自己的正式版本。
Skill 在這裡的角色
Sketchry 的網站 Skill 就是為 Claude Code 這條路設計的。每份 Skill 附有素材包與完整的設計規格,貼進 Claude Code、Codex 或 Cursor,AI 會照著做出完整網站,再換上你自己的品牌與照片。
可以到網站模板看各種類型的成品。不確定 Skill 是什麼,先看什麼是 AI Skill。想先試試,OFFSET STUDIO 是免費的,登入後就能取得。
常見問題
用 Claude Code 做網站一定要會寫程式嗎?
不用會寫,程式由 AI 工具負責。但要會操作工具:安裝、貼上指令、在自己的電腦上預覽,以及將檔案放上主機。
做好的網站要放在哪裡?
它是一般的網頁檔案,可以放在任何支援靜態網站的主機,例如 Netlify、Cloudflare Pages 這類服務,不少都有免費方案。
平台做的網站可以搬走嗎?
要看平台。有的平台提供匯出或下載網站副本,但匯出的檔案不一定能回到原本的編輯器繼續修改。選平台前,先確認有沒有匯出功能。
哪一種比較便宜?
看你做幾個網站、用多久。平台按月累積費用;Claude Code 是 AI 工具訂閱加上主機,網站越多,每個網站分到的費用越低。