資料來源#
- A Field Guide to Fable: Finding Your Unknowns
- Anthropic's Boris Cherny: Why Coding Is Solved, and What Comes Next
- Designing with Claude: From prompt to production
摘要#
這是 Anthropic Labs 推出的產品，讓你用自然語言描述需求，與 Claude 協作製作精緻的視覺產物——設計、原型、投影片、單頁文件等等。這個產品由一個「大部分開發期間都是三個人」的團隊打造，從構想到推出「大約花了十週」，在 Dan Carey 2026 年 5 月的演講前約一個月，以研究預覽版形式上線（約為 2026 年 4 月）。它是數個 wiki 概念的實例：Prototype Over PRD、Compounding Loop Optimization，以及 Build for the Next Model。
起源#
團隊中的設計師 Nate（此前曾是 Claude Code 的設計師）在另一項計畫上工作時，利用一個週末拼出了第一個原型。它刻意保持精簡：Agent SDK、一個非常薄的 IDE 外殼，以及他早已在 Claude Code 中使用的現有技能。第一個原型「基本上就只有一個終端機和一個瀏覽器」。他把原型貼到 Slack 後，團隊的反應（「這些地方很有希望／這些地方完全壞掉了，請修好」）成了最初幾週的路線圖。Carey 的說法是：99% 的價值並非來自那個原型，而是來自「十週每天反覆迭代、發布，並與使用者交談」。
主要功能（以及各自消除的摩擦）#
大多數功能一開始都是為了解決團隊自己的工作流程問題（Compounding Loop Optimization）：
- 多人協作——即時共同編輯同一份設計。因為團隊成員原本得依序傳遞原型而打造；上線後成為使用者的第一個要求。
- 交接至 Claude Code——不必重新匯出檔案，也不必重新輸入對話脈絡，就能將設計推進到 production。這是使用者上線後的第二個要求（「那現在要怎麼把它放進 production？」）。
- 探索程式碼庫／連結 GitHub——以你的品牌為基礎，並建立在現有程式碼之上。
- 開放匯出——設計會匯出為 HTML、CSS、JavaScript（而非封閉格式），體現「成為開放工具」的理念。
- 自行託管——團隊使用「Claude Design 來設計 Claude Design」，這是以身作則作為產品紀律最純粹的形式。
產品理念#
- 提升底線，而非抬高上限。 團隊打造了進階的像素級「進階使用者」控制項，少數直言不諱的測試者很喜歡，但「其他所有人都討厭它們」——既令人困惑又「實際上有害」。他們在一週內把這些功能全部移除。這個教訓是：要成為「提升所有人的工藝水準，而不只是抬高進階使用者上限的工具」（參見 Vibe Coding vs. Agentic Engineering 中「vibe coding 提升底線」的說法）。
- 為你永遠無法滿足的需求保持開放。 由於有些進階使用者想要工具不會支援的細節，因此策略是最大化開放性——提供 HTML/CSS/JS 匯出及整合能力，讓專業使用者能把設計帶入自己的工具。
- 面向未來的整合宣稱（待驗證）。 截至 2026 年 5 月的演講，Carey 表示團隊會在「本週或下週」推出能力，讓任何設計工具都能透過既有的 MCP 與 Claude Design 整合（見 MCP and Computer Use）。這是被描述為即將推出的功能，並未確認已上線——在驗證前，應視為有日期限定的未來宣稱。
上線與迭代指標#
- 從週五上線到隔週一之間推出 62 項改進，全部來自上線當天的使用者回饋（token 效率、影像處理、程式碼庫探索、近乎即時的匯出）。Carey 表示，這不是通宵趕工，而是因為團隊已經連續十週鍛鍊每日循環，所以「非常自然」。
- 上線約一個月後將 token 限額加倍，回應喜歡這項產品、想要更常使用的使用者。
- 早期原型的能力缺口並非透過工程工作補上，而是隨著 Opus 4.7 發布而關閉——這是為下一個模型打造的經典回報。
wiki 中的先前提及#
Boris Cherny 曾將它標記為願景範例（在 Cowork 上錄製）：「我認為 Claude design 是一個非常好的例子。它現在已經相當不錯了。它會變得好很多。」Carey 的演講則是第一個詳細說明它實際如何打造的記錄。
相關連結#
- Anthropic Labs——孕育出它的孵化器
- Dan Carey——帶領此產品並分享打造過程的 PM
- Claude Code——起源技術（Agent SDK、Claude Code 技能、薄型 IDE 外殼）以及交接至 production 的目標
- Cowork——Anthropic 的兄弟 agent 產品（非程式碼知識工作）；Claude Design 是其視覺產物版本
- Anthropic——供應商
- Claude Opus 4.7——填補早期原型缺口的模型版本
- Prototype Over PRD——快到足以讓原型取代 PRD 的工具
- Compounding Loop Optimization——其功能是迭代循環最佳化的結晶
- Build for the Next Model——最清晰的案例研究
- Dogfooding as Product Discipline——「使用 Claude Design 來設計 Claude Design」
- Living Design System——HTML/CSS/JS 匯出與設計系統輸出，是同一種可攜式產物做法
- MCP and Computer Use——「任何設計工具透過 MCP」的整合介面
- Vibe Coding vs. Agentic Engineering——「為所有人提升底線」呼應 vibe coding 提升底線
- Unknowns as the Agentic Bottleneck——將參考技術產品化：把它指向你喜歡的元件，它「會讀取底層程式碼，而不只是螢幕截圖」，因此取得標記與結構，而不只是外觀（Thariq Shihipar）
開放問題#
- 「任何設計工具透過 MCP」的整合是否真的按所述時程推出？（來自 2026 年 5 月的未來宣稱。）
- Claude Design 對視覺／美學輸出採用什麼樣的 eval 紀律？這類輸出沒有編譯器或測試。（這與非程式碼產物的 Cowork 相同，也是未解問題；與品味與性格 evals 有關。）
資料來源#
- Designing with Claude: From prompt to production——Dan Carey，「Designing with Claude: From prompt to production」，2026 年 5 月
- Anthropic's Boris Cherny: Why Coding Is Solved, and What Comes Next——Boris Cherny 先前作為願景範例的提及
Cited by 29
- Compounding Loop Optimization×4
Claude Design — the product built this way; many of its features are crystallized loop-optimizations
- Prototype Over PRD×4
The team's "pitch-off" ritual (brainstorm sessions where people try to recruit collaborators onto a…
- Anthropic Labs×3
Pitch-offs — periodic brainstorm sessions where people try to "nerd-snipe" colleagues into joining…
- Anthropic×2
Claude Design — visual-artifact agent (designs, prototypes, slides, one-pagers), from Anthropic Labs
- App Server vs MCP, and the Claude-Side Equivalent: Three Boundaries for Driving Agents×2
Agent SDK — build a different product. The Claude Design case is the canonical datum: the first…
- Build for the Next Model×2
A product-strategy corollary of Harness Shrinkage As Models Improve, now stated independently by…
- Claude Opus 4.7×2
Build For The Next Model — Opus 4.7 is the concrete release that closed Claude Design's unsolved…
- Dan Carey×2
Product Manager who leads product within Anthropic Labs. Led the Claude Design product from idea to…
- Design by Selection×2
The working practice Nate Parrott describes after a year of daily use of Claude Design — the tool…
- Dogfooding as Product Discipline×2
Dan Carey · "Use Claude Design to design Claude Design" — build and dogfood your own tool daily;…
- Harness Shrinkage as Models Improve×2
Build For The Next Model — the product-strategy corollary spun out as its own page: prototype "the…
- Nate Parrott×2
A product designer at Anthropic and the originator of Claude Design. In fall 2025 he was the only…
- Open Questions Backlog×2
Claude Design: Did the "any design tool via MCP" integration actually ship on the stated timeline?
- Polish No Longer Signals Readiness×2
Ambrosino's fix is not to slow down but to re-attach the stage signal by hand — say out loud where…
- Unknowns as the Agentic Bottleneck×2
Claude Design — the reference technique productized: point it at a component and it reads the code,…
- AI Native Product Cadence
Dan Carey's May 2026 account of building Claude Design inside Anthropic Labs independently…
- Claude Code
Claude Design — built on Claude Code's Agent SDK + an existing Claude Code skill, by the sole…
- Claude Opus 5
Claude Design — the vision gains land as a product capability: Anthropic calls Opus 5 "better than…
- Cowork
Claude Design — sibling Anthropic Labs product; Cowork's output is decks/docs, Claude Design's is…
- Disposable Micro-Apps
Design By Selection — the pattern one level deeper: Nate Parrott had Claude Design build him a…
- Engineer PM Convergence
Generalists across disciplines; product taste as bottleneck skill; Anthropic Claude Code team as case study; "just do t…
- HTML as the New Markdown
Design By Selection — the independent arrival, from the design side: Nate Parrott hit the same…
- Implementation Abundance Inverts Product Work
Design By Selection — an inside-one-team instance: when Opus 4.5 accelerated the Claude Code…
- Living Design System
Design By Selection — the same move productized: upload brand files, logos, decks and typography…
- Entities — People, Orgs, Tools & Projects
Claude Design — Anthropic Labs product for collaborating with Claude on polished visual artifacts —…
- Problem-Solution Fit Discipline
Compounding Loop Optimization — tight, many-times loops are how Claude Design discovered a wrong…
- Product Velocity as Moat
Compounding Loop Optimization — the internal engine behind sustained velocity: Dan Carey's Claude…
- Thariq Shihipar
Source code is the best reference. When you can't describe what you want, point at code that does…
- Why AI Lags at Design
Claude Design — the counter-effort: tooling aimed squarely at closing the model's design gap
Related articles
- Claude Code
Anthropic's agentic coding product; created by Boris Cherny late 2024; TypeScript/React on Bun (itself Claude-rewritten…
- Harness Shrinkage as Models Improve
Prompt scaffolding shrinks each model release; Cat Wu's pruning discipline; Boris Cherny "100 lines of code a year from…
- Dan Carey
Product Manager leading product within Anthropic Labs; led Claude Design; 'Designing with Claude' talk (May 2026); ~two…
- Cat Wu
Head of Product for Claude Code and Cowork at Anthropic; primary articulator of AI-native product cadence and engineer-…
- AI Native Product Cadence
Cat Wu's 6mo→1mo→1day cadence at Anthropic: research-preview branding, mission-as-tiebreaker, evergreen launch room, li…