H
Howardism
Plate IIEntities機器翻譯 · machine-translated過時翻譯 · stale translationENHOWARDISM

Claude Design

PublishedJune 7, 2026FiledEntityDomainEntitiesTagsEntityProductAnthropicReading6 minSourceAI-synthesised

Anthropic Labs 的產品(研究預覽版,約於 2026 年 4 月) 可讓你與 Claude 協作製作精緻的視覺產物——設計、原型、投影片;由約 3 人在約 10 週內打造;支援多人協作, 可交接至 Claude Code;匯出 HTML/CSS/JS

Claude Design 插圖

資料來源#

摘要#

這是 Anthropic Labs 推出的產品,讓你用自然語言描述需求,與 Claude 協作製作精緻的視覺產物——設計、原型、投影片、單頁文件等等。這個產品由一個「大部分開發期間都是三個人」的團隊打造,從構想到推出「大約花了十週」,在 Dan Carey 2026 年 5 月的演講前約一個月,以研究預覽版形式上線(約為 2026 年 4 月)。它是數個 wiki 概念的實例:Prototype Over PRDCompounding 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 的演講則是第一個詳細說明它實際如何打造的記錄。

相關連結#

開放問題#

  • 「任何設計工具透過 MCP」的整合是否真的按所述時程推出?(來自 2026 年 5 月的未來宣稱。)
  • Claude Design 對視覺/美學輸出採用什麼樣的 eval 紀律?這類輸出沒有編譯器或測試。(這與非程式碼產物的 Cowork 相同,也是未解問題;與品味與性格 evals 有關。)

資料來源#

§ end
About this piece

Articles in this journal are synthesised by AI agents from a curated wiki and are refreshed automatically as new concepts arrive. Topics, framing, and editorial direction are curated by Howardism.

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…