資料來源#
- 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 21
- AI Native Product Cadence
Cat Wu's 6mo→1mo→1day cadence at Anthropic: research-preview branding, mission-as-tiebreaker, evergreen launch room, li…
- Anthropic
AI safety company / vendor of Claude; mission-as-tiebreaker culture; ~30–40 PMs across teams; Mike Krieger leads Labs r…
- Anthropic Labs
Anthropic's internal incubator — a 'bet factory' of ~a dozen tiny teams exploring the model frontier with lean-startup…
- Build for the Next Model
Prototype the thing that almost works, not the thing that already works: bet that the next concrete model release (not…
- Claude Code
Anthropic's agentic coding product; created by Boris Cherny late 2024; TypeScript/React; CLI/desktop/web/mobile/IDE sur…
- Claude Opus 4.7
GA frontier model from Anthropic; direct upgrade to 4.6 at same price; literal instruction following, 1.0–1.35× tokeniz…
- Compounding Loop Optimization
Dan Carey's discipline of instrumenting and automating every recurring step of the build loop — because when internal t…
- Cowork
Anthropic's non-code knowledge-work agent product; sibling to Claude Code; output is decks/inbox/dossiers; same MCP/com…
- Dan Carey
Product Manager leading product within Anthropic Labs; led Claude Design; 'Designing with Claude' talk (May 2026); ~two…
- Dogfooding as Product Discipline
Product sense is built by relentless first-hand use ("ant food"); Mr. Peanut catch; cross-source (Cat Wu vibe-checks, G…
- Engineer PM Convergence
Generalists across disciplines; product taste as bottleneck skill; Anthropic Claude Code team as case study; "just do t…
- 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…
- Entities — People, Orgs, Tools & Projects
Map of Content for all 55 entity pages. See Home for concept domains.
- Open Questions Backlog
_396 actionable open questions across 155 pages · 79 predictions · 9 notes · 21 in progress · 59 watching (entities), a…
- Polish No Longer Signals Readiness
Andrew Ambrosino's observation that the medium used to encode process-stage — a production-looking artifact meant late-…
- Problem-Solution Fit Discipline
Idea-stage thesis: three defenses against premature building (time, resources, belief friction) all eroded; AI as devil…
- Product Velocity as Moat
Shipping speed as differentiator + trust signal ("you'll scale with us"); a treadmill that must convert into durable lo…
- Prototype Over PRD
Dan Carey's prototype-replaces-PRD method: record a why-not-what conversation, transcribe it, hand the transcript to Cl…
- Thariq Shihipar
Engineer on the Claude Code team at Anthropic; "HTML is the new markdown", "compute allocator", and "the map is not the…
- Unknowns as the Agentic Bottleneck
Thariq Shihipar's map-vs-territory thesis: the gap between what you told the agent and what the work actually requires…
- Why AI Lags at Design
Andrew Ambrosino's four reasons frontier models are worse at visual/product design than at code: design is hard to grad…
Related articles
- Claude Code
Anthropic's agentic coding product; created by Boris Cherny late 2024; TypeScript/React; CLI/desktop/web/mobile/IDE sur…
- AI Native Product Cadence
Cat Wu's 6mo→1mo→1day cadence at Anthropic: research-preview branding, mission-as-tiebreaker, evergreen launch room, li…
- Cat Wu
Head of Product for Claude Code and Cowork at Anthropic; primary articulator of AI-native product cadence and engineer-…
- Dan Carey
Product Manager leading product within Anthropic Labs; led Claude Design; 'Designing with Claude' talk (May 2026); ~two…
- Anthropic Labs
Anthropic's internal incubator — a 'bet factory' of ~a dozen tiny teams exploring the model frontier with lean-startup…
