Claude Code 桌面版大更新：預覽 App、自動 Review、一鍵 Merge 完整介紹

2/20 更新後，Claude Code 從「幫你寫程式」進化成「桌面自主代理」，設計師也該關注

2026年2月22日下午 3:10

AI 設計

Claude Code 不只是寫程式的工具了。2/20 更新後，它能啟動伺服器、預覽畫面、審查程式碼、自動修 bug、甚至直接 merge PR——全部在桌面 App 裡完成。這對設計師來說代表什麼？AI 輔助的原型開發，門檻又低了一大截。

📌 目錄

這次更新了什麼？

2026 年 2 月 20 日，Anthropic 官方發布了一篇名為〈Preview, review, and merge with Claude Code〉的公告，宣布 Claude Code 桌面版的重大更新。

簡單來說，Claude Code 從原本的「幫你寫程式的命令列工具」，進化成了一個能掌控完整開發流程的桌面自主代理（Desktop Agent）。它不只能寫 code，現在還能：跑你的 App、看你的畫面、幫你做 code review、自動修 CI 錯誤、甚至在所有測試通過後直接幫你 merge PR。

Anthropic 官方的說法是：

"Together these updates help you spend less time on the toil around code and more time on the parts you enjoy."

—— Anthropic 官方公告，2026/2/20

更直白地翻譯就是：讓你花更少時間在開發的「雜事」上，更多時間在你真正喜歡做的事情上。

▲ Claude Code 桌面版的 Code Review 功能，AI 直接在 diff 視圖中留下 inline comments

五大新功能完整解析

這次更新主要圍繞五個核心功能，每一個都在解決開發流程中的一個痛點：

🖥️ 即時預覽 App（Server Preview）

Claude Code 可以直接在桌面 App 裡啟動 dev server，開一個內嵌瀏覽器跑你的網頁應用。它會自動讀 console log、抓錯誤、看 UI 畫面，然後自己修改再自己驗證。你甚至可以點選畫面上的元素直接給回饋，Claude 會根據你的指示調整。

🔍 本地程式碼審查（Local Code Review）

改完 code 之後，按下「Review code」按鈕，Claude 會檢查你的 local diff，直接在 diff 視圖中留下 inline comments。它會找出 bug、安全漏洞、邏輯問題，像是多了一雙眼睛在你 push 之前幫你把關。你還可以請 Claude 直接修改它找到的問題。

📡 PR 監控（Pull Request Monitoring）

開好 PR 之後，Claude Code 會在背景持續監控 CI 狀態。你可以繼續做下一件事，Claude 在背景幫你盯著。如果 CI 掛了，它會嘗試自動修復。

🔧 自動修 CI + 自動 Merge

開啟 auto-fix 後，Claude 會自動讀 CI 失敗的 log 並嘗試修復。開啟 auto-merge 後，一旦所有測試通過，Claude 會直接幫你合併 PR（使用 squash merge）。整個流程全自動。

📱 跨平台 Session 同步

在 CLI 輸入 /desktop 就能把工作階段帶到桌面 App。也可以從桌面推到雲端，用手機的 Claude App 繼續操作。在辦公桌開始的工作，通勤時用手機接著做。

▲ Claude Code 會在背景監控 PR 的 CI 狀態，自動嘗試修復失敗的測試

設計師為什麼該關注？

你可能會想：「我是設計師，又不是工程師，Claude Code 跟我有什麼關係？」

關係很大。讓我解釋。

過去一兩年，越來越多設計師開始用 AI 工具（像是 v0、Bolt、Lovable）來把設計稿直接生成前端程式碼。但問題是：code 生出來了，然後呢？

你不知道怎麼跑起來看效果、不知道怎麼 debug、不知道怎麼部署。每一步都要找工程師幫忙，或是自己摸半天。

Claude Code 這次更新的意義在於：它把「寫完 code 之後」的那些步驟也自動化了。

🎨 設計師的具體應用場景

→

做 Side Project——用 AI 寫完網站/App 的前端 code，Claude Code 直接幫你跑起來、看畫面、抓 bug，你只要看效果對不對就好

→

做互動原型——設計完後讓 Claude 幫你實作成真的互動網頁，它自己跑自己看自己改，比起 Figma 原型更接近真實體驗

→

接案交付——如果你開始用 AI 幫客戶做簡單的 Landing Page 或行銷頁面，Claude Code 能幫你處理從 code 到部署的「最後一哩路」

→

與工程師協作——就算你不自己開發，理解 Claude Code 的能力也能讓你更好地跟開發團隊溝通，知道「什麼事 AI 已經能處理了」

更新前 vs 更新後：工作流對比

用一張對比圖讓你感受一下差異：

❌ 更新前

1. AI 幫你寫 code

2. 你手動開 terminal 跑

3. 切到瀏覽器看畫面

4. 截圖描述 bug 給 AI

5. 手動 push + 開 PR

6. 等 CI、手動修、再跑

7. 手動 merge

大量手動切換

→

✅ 更新後

1. AI 寫 code

2. 自動跑 + 自動預覽

3. 自動看畫面抓 bug

4. 自動 review + 修復

5. 背景監控 CI

6. 自動 merge

幾乎全自動

換句話說，更新前你需要在 editor、terminal、browser、GitHub 之間不斷切換。更新後，Claude Code 桌面版就是你唯一需要的介面。

使用條件與注意事項

項目	說明
訂閱方案	需要 Pro、Max、Teams 或 Enterprise 訂閱
下載方式	到 claude.com/download 下載桌面版 App
支援平台	macOS、Windows（ARM64 也支援）
Auto-merge	需在 GitHub repo 設定中啟用 auto-merge 才能使用
Preview 功能	主要適用於前端 Web App，也支援後端 API 測試
適合對象	開發者、會寫或用 AI 產生程式碼的設計師、做 Side Project 的人