簡單說
Claude Code on the web 是 Anthropic 出的「瀏覽器版 AI 寫程式助手」——
打開 claude.ai/code，選你的 GitHub repo，用中文寫你想改什麼，AI 改完
給你預覽，按確認就會上線。
對工程師來說：是「不用打開 IDE 也能改 code 的方便工具」。 對非工程師來說：是**「你終於可以自己改網站，不用問人」**。
對非工程師最重要的三件事
1. 不用裝任何東西
只要會用瀏覽器就好。手機 App 也行。
2. 用中文，不寫程式
你寫：「把首頁第二區塊的標題改成 OOO，圖換成這張」 AI 寫：實際的 HTML / CSS / Markdown 修改
3. 改完先給你預覽
每一次修改 AI 都先在「待審核版本」上跑，給你 preview URL。 你預覽 OK 才會合併到正式版。改錯了不會直接上線。
實際操作流程（4 步）
1. 打開 claude.ai/code → 選你的網站 repo
2. 寫：「我要新增一篇部落格文，標題：XXX」
3. AI 開始改，過程你看得到
4. 預覽 OK → 按合併 → 30 秒後上線整個過程 5–10 分鐘。
跟「Claude Code（CLI 版）」的差別
| 面向 | Claude Code on the web | Claude Code（CLI） |
|---|---|---|
| 平台 | 瀏覽器、手機 App | macOS / Linux / Windows 終端機 |
| 適合誰 | 非工程師 + 想隨手改網站的工程師 | 主要工作流的工程師 |
| 環境隔離 | 自動沙盒（雲端 worker） | 直接跑在你電腦上 |
| 預覽 / 審核 | 內建 preview branch 流程 | 需手動 push + PR |
| 學習曲線 | 低 | 中（需懂 git） |
對 NoCodeIsOK 客戶，web 版就夠了。
限制
不是萬能的：
- 複雜架構性變更（加會員系統、改資料庫）：AI 可能要更具體指令、或需工程師接手
- AI 對你的內容理解錯：偶爾會發生；好的解法是把 spec / CLAUDE.md 寫清楚
- 訂閱費用：Claude Pro US$ 20/月起；維護需求高建議 Claude Max
但對「行銷官網」的 95% 維護需求，web 版完全夠用。
怎麼開始
- 訂 Claude Pro：claude.ai/upgrade
- 把網站 repo 連到你的 GitHub
- 打開
claude.ai/code，選 repo
如果你還沒有自己的網站，聊聊看 我們怎麼幫你蓋一個能讓你用 Claude Code 自己維護的網站。