/design 在 Claude Code 中的功能

Anthropic 已在Claude Code中推出 /design 指令,處於研究預覽階段,讓開發者可以直接在 CLI 與桌面應用程式中產生可編輯的 UI 畫板。一般常見的呼叫方式為「/design 為 {feature} 設計幾個選項」,會產生多個畫板,開發者可以從中挑選、在畫布上微調,再交由專案本身的技術堆疊進行實作。Anthropic 開發者倡導者 Nate Parrott 在 X 上表示,Claude 會讀取現有的程式碼庫,比對目前的 UI 風格,並以 Artifacts 形式產生可分享的模型稿。
這個新指令建構於支撐 Claude Design 的同一套畫板系統之上,而 Claude Design 是 Anthropic 於四月所推出,並將該工作流程整合至編碼工作階段之中。根據 Parrott 發布消息的相關報導,Claude Design 的編輯與提示功能現在已內建於 Claude Code 之中,因此設計決策會在撰寫程式碼之前完成,而非在額外的匯出步驟之後才進行。設計稿會延續到建置步驟,但目前仍需手動儲存。
可用性與使用方式
/design 功能可供 Pro、Max、Team 與 Enterprise 方案的 Claude Code 訂閱用戶在更新用戶端後使用,並透過執行「claude update」來啟用該功能。此次的推出被定位為研究預覽版,而非正式全面發行,且沒有獨立的區域定價表;UAE 開發人員與其他地區一樣,可在帳號收到該指令後於相同方案上使用。早期用戶指出,在現有程式設計工作階段的脈絡下額外產生多張設計稿相當耗用 token,並建議在正式交付前先依專案實際的設計 token 檢視第一張設計稿。
開發人員工作流程的變化
/design 指令省去了離開終端機、改用 claude.ai/design、匯出結果再貼回儲存庫的例行流程。在 Parrott 展示的示範中,像「/design redesign the composer based on what people actually use it for」這樣的提示,會產生多張附有版本取捨說明的設計稿選項,而後續的「implement option B with my edits」則會以即時程式碼庫為對象套用所選的設計稿。設計稿階段如今就位於撰寫程式碼的位置,因此所選的模型會直接成為實作的目標,而非另外參考的圖片。
其他進展
另一方面,根據報導,Anthropic 先前已將付費 Claude Code 方案的 5 小時滾動工作階段上限調為兩倍,同時維持每週使用量上限不變,而一項每週用量暫時提升 50% 的措施已於 7 月 19 日結束。同一篇報導指出,Claude Design 工具與 Claude Code 共用使用量額度,因此設計與程式設計任務會從同一個額度中扣除。
分享這篇文章







