Claude Code 工作坊 #1｜一個下午，做出真正屬於你的網站

這是一場由 AI 方舟計畫主辦、Saori 分享的 Claude Code 工作坊，主題是帶著沒有程式背景的參與者，用 AI 從頭做出一個可以上線分享的個人作品網站。整場最重要的收穫，不是學會哪個指令，而是體會到跟 AI 合作時「你給他什麼，他就還你什麼」，具體描述需求才能做出真的像自己的成果。

從安裝環境開始，不讓任何一人脫隊

工作坊一開始，先確認每個人的 Claude Code、GitHub 帳號、終端機環境都裝好。Saori 特別強調，現場不會有人因為不會用終端機而卡住，遇到不懂的指令，直接貼給 AI 問就好。他把這個心態講得很白話：把 AI 當作你的貼身導遊，出國遇到不懂的事情會問導遊，寫網站遇到不懂的地方，就一樣問 AI。

先想清楚六個區塊，再交給 AI 做

在正式動手之前，Saori 先帶大家拆解一個網站常見的六大區塊：第一印象（Hero）、你是誰、你提供什麼、怎麼合作、為什麼選你、怎麼找到你。他提醒，第一眼印象跟怎麼找到你一定要有，其他區塊可以依照個人介紹、作品集或服務型網站的需求去調整內容。這個拆解的目的，是讓參與者在打開 Claude Code 之前，先把自己要講的故事想清楚，而不是把空白的問題直接丟給 AI。

審核每一步，而不是全部交給 Auto 模式

現場討論到 Claude Code 的自動模式（Auto）跟審核模式的差別。Saori 的建議是：簡單任務可以讓 AI 自動做，但如果是會動到整個網站風格、架構的大改動，建議切到需要逐步審核的模式，看清楚 AI 打算怎麼做之後才同意，因為一旦自動模式把東西都改完存檔，要完全復原並不保證做得到。

版本控管，是後悔的保險

工作坊也花了不少時間說明 Git 跟 GitHub 的角色：Git 是在自己電腦上的版本紀錄，GitHub 是雲端的儲存庫。每完成一個功能就 commit 一次，而不是把所有修改都混在一起，這樣之後想復原某一個功能，才不會「整批連坐」。這部分呼應了現場不少人提出的真實焦慮：東西改壞了怎麼辦、AI 會不會不小心刪掉東西。

兩小時後，每個人手上都有一個網址

最後，參與者把各自的網站用 GitHub Pages 部署上線，拿到一個可以直接分享給朋友的網址。整場沒有碰資料庫、沒有會員登入，刻意維持在靜態網站的範圍內，但 Saori 也提到，之後想加聯絡表單、串接文章更新，都可以之後再請 AI 擴充，就像堆樂高一樣，一塊一塊往上疊。

現場做出來的網站

工作坊結束時，已經有人把成果帶走了。安迪用 Claude Code 發布了第一版的AI 命理諮詢服務，33 完成了自己品類採購的介紹網站，Chiao 則先試做了文章作品集的雛形，內容還沒放進去，但 Claude 幫忙做的食蟻獸已經很可愛。

對於正在考慮要不要做一個屬於自己的作品頁面、卻覺得自己不會寫程式的人來說，這場工作坊給的答案很直接：你不需要會寫程式，你需要先把你想講的事情講清楚。