Claude Code 是什麼？非工程師一晚做出個人網站的過程

文／阿舟（AI 方舟計畫）· 發布 2026-10-15

Claude Code 是 Anthropic 推出的 AI 程式助理。跟一般在對話框裡聊天的 AI 不同，它可以直接在你的電腦裡建立和修改檔案、執行指令、幫你把網站部署上線，每一步動手前會先問你同不同意。所以它不只是「回答你怎麼做」，而是「跟你一起把事情做完」。

很多人以為這是工程師專用的工具。但 AI 方舟計畫辦的 Claude Code 工作坊不要求工程背景，參加的人帶著自己的照片和簡介來，目標是兩個半小時後帶著一個真的上線的網站離開。

Claude Code 跟 ChatGPT、Claude 聊天有什麼不一樣？

用聊天型 AI 做網站，流程通常是：它給你一段程式碼，你複製、貼到檔案裡、存檔、打開看，有錯再把錯誤貼回去問。人一直在中間搬東西。

Claude Code 把搬東西這段省掉了：

• 它看得到你的檔案：整個專案資料夾它都能讀，不用你一段一段貼
• 它會自己動手：建檔案、改程式、裝套件、執行測試
• 動手前會問你：要改檔案、要跑指令之前，會先列出它打算做什麼，等你按同意

所以你的角色從「搬運工」變成「決定要做什麼、檢查做得對不對」的人。如果你還不熟這種做事方式，可以先看 Vibe Coding 是什麼。

9/1 工作坊現場：兩個半小時做出個人品牌網站

9 月 1 日，AI 方舟計畫在臺北萬華的可能存在的遊樂園 CollaPlay 辦了一場 Claude Code 工作坊，講師是有十年以上開發經驗的小賴（Oberon）。目標很直白：每個人做出一個能公開分享的個人品牌網站。

現場流程是這樣：

1. 先想清楚品牌定位：你是誰、想讓誰看到、希望對方看完做什麼
2. 用 Claude Code 整理內容架構：把帶來的照片、簡介、經歷交給它，排出網站要有哪些區塊
3. 生成前端設計：看了不喜歡就說哪裡不對，請它重做
4. 部署到 GitHub Pages：拿到一個真的可以分享出去的網址

做完的網站，程式碼和內容都在自己手上，不會因為哪個架站平台收掉服務就一起消失。那陣子剛好 Weebly 宣布退出台灣，這點特別有感。現場還有學員做完自己的婚禮網站，當場邀其他人去喝喜酒。完整紀錄在工作坊回顧。

開始之前要準備什麼？

• Claude 付費方案：截至 2026 年 10 月，Claude Code 需要 Claude 的付費方案才能使用
• GitHub 帳號：放程式碼和部署網站用
• 電腦裡裝好 Git：Claude Code 用它來記錄每一次修改，改壞了可以退回去
• 你的素材：照片、自我介紹、作品連結，先整理在一個資料夾
• 一個具體目標：「做一個網站」太模糊，「做一頁讓客戶看得懂我會什麼的個人網站」比較好

除了在終端機（一個打指令的黑色視窗）裡用，Claude Code 也可以在 Claude 的桌面應用程式裡使用，對不習慣打指令的人比較友善。Claude 的介面現在也可以切換成繁體中文，下指令直接用中文就好。

最常卡關的三個地方

那場工作坊是實驗場次，主辦方事先就說會有不少臨時狀況，結果也真的出現了。整理下來，最常卡住的是：

1. 環境設定

Git 沒裝好、Windows 和 Mac 的安裝路徑不一樣，是最多人卡住的地方。這跟 AI 能力無關，是最不 AI 的那一段。建議工作坊前一天就先裝好，裝不起來把錯誤訊息截圖問 AI。

2. 帳號授權

串接 GitHub 時，授權用的信箱要跟帳號一致，不然會一直連不上。

3. 模型選擇

有學員用了最強、但也比較慢的模型，到收工時網站還沒生出來。做個人網站這種規模，用速度快的模型通常就夠。

非工程師用 Claude Code 做出了什麼？

AI 方舟計畫的人才卡上，有不少用 Claude Code 做出來的案例：

• CJflux 一週內從零做出 WordPress 健檢顧問的落地頁，表單寄信、流量追蹤都串好，是真的能收案子的網站，見 CJflux 的人才卡
• k 把 Figma 設計稿透過 MCP（讓 AI 連接其他工具的標準）直接接進 Claude Code，省掉設計稿到程式碼之間的手動搬工，見 k 的人才卡
• Qmoa 把一場活動的逐字稿，自動變成官網文章、社群貼文和活動頁，一場活動的內容產出從一個晚上縮到十幾分鐘，見 Qmoa 的人才卡

交給 Claude Code 之前，先想好哪些事要自己決定

Claude Code 會問你同不同意，但如果你每次都直接按同意，等於沒問。幾個建議：

• 看清楚它要做什麼再按：特別是刪除檔案、上傳、對外發送的動作
• 對外的內容自己看過：網站上寫了什麼、承諾了什麼服務，是你要負責的
• 重要的東西先備份：有 Git 記錄的話，改壞了可以退回去

AI 方舟計畫自己的社群發文也是這樣設計：AI 可以把草稿排好，沒有人看過就不會發出去。雜事可以交出去，按下同意的責任還是在人身上。

想自己動手試試

一個人照著教學裝環境，很容易卡在第一步就放棄。AI 方舟計畫的工作坊會讓你帶著素材來、現場做出來，旁邊有助教陪你除錯，做出來的作品會留在你的人才卡上。近期場次在活動與工作坊。

常見問題

Claude Code 要錢嗎？

截至 2026 年 10 月，需要 Claude 的付費方案，或用 API 按用量付費。價格會調整，以 Anthropic 官網公布的為準。

不會用終端機，可以用 Claude Code 嗎？

可以。除了終端機，Claude Code 也能在 Claude 桌面應用程式裡使用。真的需要打指令的時候，也可以直接請它幫你執行。

Claude Code 跟 Cursor、Codex 差在哪？

Cursor 是加了 AI 的程式編輯器，你比較常自己看檔案、自己改。Claude Code 和 OpenAI 的 Codex 比較像會自己動手的助理，你交代目標，它規劃步驟去做。哪個好用因人而異，很多人是混著用。