暴雨夜工作坊：用 Claude Code 一晚做出能公開分享的個人品牌網站

一場「實驗場次」，不是照傳統規格辦的工作坊

9 月 1 日晚上，AI 方舟計畫在臺北萬華的可能存在的遊樂園 CollaPlay，辦了一場主題明確到近乎直白的工作坊：兩個半小時，做出一個能公開分享的個人品牌網站。講師是有十年以上開發資歷的軟體工程師小賴（Oberon Lai），主辦方事先就把話說在前頭——這是實驗場次，不是照傳統工作坊規格在跑，現場會有不少臨時狀況。

事後證明，這句提醒完全兌現。

從 Weebly 關站危機，談「網站到底屬於誰」

工作坊的出發點，來自一個很多人正在經歷的焦慮：隨著 Weebly 即將關站，許多人辛苦弄好的網站可能一夜之間變成孤兒網站，內容說沒就沒。這場工作坊做出來的東西不一樣，程式碼跟內容都在自己手上，部署在 GitHub Pages，不會因為某個平台哪天決定收掉服務就整個消失。這個網站才是真正屬於你的，做完之後你自己就能維護更新，這也是整場活動最核心的立場。

Claude Code 實戰：從品牌定位走到部署上線

現場流程很直接：先釐清自己的品牌定位，接著用 Claude Code 整理內容架構、生成前端設計，最後部署到 GitHub Pages，拿到一個真的可以分享出去的網址。參與門檻設得清楚——要準備好個人照片、履歷或簡介素材，要先申請 GitHub 帳號、訂閱 Claude Pro 方案，這不是一場「坐著聽趨勢」的活動，而是帶著素材來，兩小時後帶著網站離開的實作課。

技術門檻比想像中多，助教全員出動

實際帶起來，狀況比預期複雜不少。從 Claude Desktop 需要先在本機裝好 Git、Windows 與 Mac 的安裝路徑完全不同，到 GitHub Connectors 授權時信箱要對應一致，甚至模型強度沒調低導致部分學員收工時網站還沒生出來——這些眉角，方舟看下來覺得比工作坊本身的教學設計更值得留下：AI 工具的門檻，往往卡在環境設定這種最不「AI」的地方，而不是提示詞寫得好不好。

分組協作，才是那晚最意外的收穫

比起技術眉角，方舟更在意的是現場發生的另一件事。座位以分組形式配置，原本互不相識的學員，開始互相幫忙除錯、互相討論卡關的地方。跟排排坐、各自面對螢幕的傳統教室比起來，這種「因為同一個目標而彼此合作」的經驗，交流深度反而超過單純聽一場分享。有學員做完自己的婚禮網站，還當場邀約去喝喜酒。

下一步：知識傳承不只是講清楚技術

這場工作坊留下的教材，不只是「怎麼用 Claude Code 做網站」的操作流程，更多是關於怎麼帶一群背景不同的人跨過技術門檻。對 AI 方舟計畫來說，這正是核心命題：AI 讓「做出東西」變得更容易了，但真正稀缺的，仍然是有沒有人願意陪你把第一步走完、把成果變成看得見、能被信任的東西。下一場工作坊會怎麼修正這些卡關環節，值得繼續關注。