Claude Design + Claude Code：壳与核的分工

Anthropic 在 2026 年 4 月把 Claude Design 放出来了。第一感觉是：又一个 AI 网站生成器。第二感觉，看了导出菜单里那个 Handoff to Claude Code 之后，明白他们不是冲着替代代码去的——是冲着分工去的。

为什么不能只用其中一个

只用 Claude Design：能给你一个漂亮的壳，但壳没有内容会增长的容器。我要的是终身写下去的东西，不是一次性 demo。

只用 Claude Code：什么都能写，但视觉系统从零靠 CSS 嗓子喊太累。设计语言这种东西，让一个能”看到自己在画什么”的工具来做最划算。

我的分工

Design 那边管：封面、栏目页、文章排版、组件视觉。 Code 这边管：Astro 骨架、Content Collections、/note 工作流、profile.md 的多年演化、公开私密双构建。

handoff 那一步是关键——bundle 过来，我把它接到我已经写好的组件名上（<Cover>、<PullQuote>、<ImageGrid>、<Sidenote>、<Masthead>）。

写下来是为了别忘

下一次再装一个站，应该先写 Design Brief，再开 Design，再回到 Code。顺序错了会浪费一晚上。