
Claude Code Web
嘿,大家好,我是 Lewis!
今天要分享一個讓我驚艷的新功能 — Claude Code Web。簡單說,就是直接在瀏覽器上,讓 Claude 幫你改代碼、測試、甚至提 Pull Request 到 GitHub。完全不用打開 IDE 或終端機。
🚀 怎麼用?超簡單
三個步驟:
1. 打開 https://claude.ai/code,連接 GitHub
2. 選擇你的 repository,下個 prompt
比如我這次給的任務:
為這個用戶註冊系統添加完整的輸入驗證功能:前端驗證用戶名、Email、密碼格式,後端也要加上相同邏輯,密碼要包含大小寫字母和數字。
3. 看著 Claude 在雲端沙箱工作,完成後直接提 PR
就這樣。真的就這麼簡單。
💻 我實測的過程
我讓 Claude 為一個用戶註冊系統添加輸入驗證功能。
按下 Enter 後,Claude 開始工作,而且每一步都清楚顯示:
- 正在讀取哪些文件
- 修改了什麼地方
- 跑了什麼測試
幾分鐘後完成,Claude 告訴我:
- ✅ 修改了後端的
service.go(加入驗證邏輯) - ✅ 修改了前端的
signup.ts(加入驗證邏輯) - ✅ 添加了
.gitignore(排除編譯產物) - ✅ 測試通過,代碼可以正常編譯
然後 Claude 問:要不要提 PR?
我點了「Create PR」,PR 就直接出現在我的 GitHub 上了,包含清楚的 commit message 和 PR 描述。
我只需要在 GitHub 上點「Merge」就完成了。

下Prompt

完成 還可以Open In CLI查看

自動PR提出 要求Merge
🎯 最驚艷的三個點
1. 完全雲端化 不需要本地開發環境、不用配置 Git,只要有瀏覽器就能做。手機都可以用。
2. 透明的工作流程 Claude 不是黑箱作業,每一步都看得到。你知道它在做什麼、為什麼這樣做。
3. 完整的 Git 整合 從改代碼到提 PR 全自動。以前要 7 個步驟,現在只要 3 步。
💡 適合什麼場景?
快速修 bug — 不用為了改一行代碼開整個開發環境
添加簡單功能 — 像輸入驗證、表單處理這種明確的需求
在路上處理緊急問題 — 只要有手機和網路就能改代碼
對於日常開發的 80% 任務,Claude Code Web 真的夠用了。
🎬 官方示範影片
想看更完整的展示?Anthropic 有做官方示範:
https://www.youtube.com/watch?v=CBneTpXF1CQ
🌟 我的感想
Claude Code Web 不是要取代開發者,而是讓我們:
- 更專注在重要的決策上
- 把重複的工作交給 AI
- 更快地迭代想法
它就像一個 24/7 待命的初級開發者,不會累、速度快、而且隨時可用。
對獨立開發者或小團隊來說,這真的是神器。
未來的開發者,可能不是寫更多代碼,而是下更好的 prompt。
當然,理解代碼的能力變得更重要了,因為你要知道怎麼檢查 AI 生成的代碼、怎麼指導它改進。
如果你有 Claude Pro 帳號,可以訪問 https://claude.ai/code 試試看。
我保證你會和我一樣驚艷。


























