Claude Code 上线 /design 技能：在终端里选稿、改稿、直接实现

Anthropic 的开发者官方账号 @ClaudeDevs 于 UTC 时间 8 月 17 日 21:57（北京时间 8 月 18 日 5:57）宣布，Claude Code 现在可以「设计」了：新的 /design 技能（research preview）基于 artifacts 构建，把 Claude Design 的画板（artboard）工作流带进了 CLI 与桌面端。

按照官方推文的说明，运行 /design 就能得到可编辑的 UI 画板，挑选一个、调整细节，然后让 Claude 直接实现。

紧接着发出的第二条推文交代了开放范围：面向 Pro、Max、Team 与 Enterprise 订阅用户，更新 Claude Code 后即可使用。截至发稿（发布约六小时后），这条推文已获得超过 8,500 次点赞、超过 57 万次浏览和 4,200 余次收藏，回复区已有 260 余条讨论。

/design 干什么：先出稿，再写代码

官方推文对工作流的描述只有一句话，但环节是完整的：运行 /design 得到若干张可编辑的 UI 画板，用户挑一张、改到满意，再让 Claude 把它实现成代码。设计环节从 claude.ai 的独立页面，搬进了编码会话本身。

这个技能挂在 Claude Code 的技能体系上。官方技能文档说明，技能以 SKILL.md 指令文件定义，用「/技能名」调用，/code-review、/debug、/loop 等随附技能都走这条路径。/design 的特殊之处在于「built on artifacts」：artifacts 文档把 artifacts 定义为 Claude Code 从会话发布到 claude.ai 的实时交互页面，列出的典型用途就包括「把几种设计或实现方案并排摆出来」——这正是 /design 的选稿场景。

画板工作流怎么从 claude.ai 搬进终端

/design 搬的是 Claude Design 的整套画板工作流。Claude Design 是 Anthropic Labs 于 4 月 17 日推出的产品，由 Claude Opus 4.7 驱动，发布时同样以 research preview 形式面向 Pro、Max、Team、Enterprise 开放。官方发布说明描述的界面是左侧对话、右侧画布：描述需求后 Claude 在画布上生成可编辑设计，用户通过对话、内联评论、直接编辑和滑块微调来迭代。

当时的产品说明里已经预留了一条通往代码的路：设计定稿后，Claude 把成果打包成 handoff bundle，交给 Claude Code 用一条指令实现。

帮助中心的说明显示，Claude Design 在网页（claude.ai/design）和 Claude 桌面端侧边栏使用，另有 /design-sync 同步设计系统、MCP server 供终端连接。

此前「从设计到代码」的路径是跨工具的：在 claude.ai 画完，再交接给 Claude Code。这次 /design 把画板直接开在 Claude Code 的 CLI 与桌面端里，从选稿、改稿到实现都不需要再切到 claude.ai。时间点上也连着 Claude Code 最近的变动：8 月 14 日，官方宣布 auto mode 成为 Pro、Max、Team 用户的默认权限模式。

研究预览：四个付费档位，先更新 Claude Code

功能目前的形态是 research preview，与 Claude Design 4 月上线时的标签一致；帮助中心现在把 Claude Design 标为 beta。/design 面向 Pro、Max、Team、Enterprise 四个档位开放，官方要求先更新 Claude Code，推文没有给出具体版本号，也没有说明额度规则。

首批实测已经开始。发布后约五个半小时，日本自由设计师 ken_tbdz 在回复中贴出终端截图：运行 /design 后，CLI 提示「Usage: /design consent | /design revoke」，需要先执行授权命令。他配文写道：「变成这样。还不能用？」——新技能带有一道 consent（授权）门槛。

首批反应：有人更新客户端，有人问水印

社区反应大致分成四拨。最积极的一拨当场表态：用户 River 在回复里写「CLI 里的画板？对 UI 工作来说绝对是游戏规则改变者。我现在就去更新 Claude Code」。

独立开发者 hamjji 给出的是实战视角：「我老是搞错的那一步是『挑选』而不是『生成』。上次改版我让它直接写代码，上线后受不了，整个回滚。写任何代码之前先并排看几张稿子，这正是我缺的那一步。」这条回复恰好对应 /design 把「挑选」前置的设计。

订阅量超 21 万的科技通讯作者 Aakash Gupta 把这件事放进设计工具市场的语境。他写道：Figma 上季度营收增长 46%，股价仍比 IPO 高点低 85%，「Anthropic 把可编辑画板放进 Claude Code，正是这个估值缺口过去一年一直在定价的场景」。

他接着写道：「当同一个 agent 既画界面又写代码，这条消息就没有接收者了——画板不再是交付物，而是 agent 在通往 pull request 的路上产出的工作文件」。

另一位 AI 评论作者 Mayank Vora 在引用推文中判断：「Anthropic 正在慢慢把 Claude Code 从一个编码 agent 变成一个真正的工作台。」

也有怀疑和追问。发布 33 秒后，用户 Automa Dynamics 就回复「它早就能了，我在 CLI 里已经这么干了一个月」。回复区里 Tim Gavin 的问题「设计稿也加水印吗？」获得 130 余次点赞；同一方向上的质疑不止一条，另一位用户 Jared Dunn 称「Anthropic 会给任何输出加水印，以便日后主张所有权」。

画板正在变成脚手架

在 /design 之前，「设计到开发」的交接发生在工具之间。Claude Design 4 月发布时给出的路径是画完打包 handoff bundle 交给 Claude Code，帮助中心还提供 MCP server 与 /design-login 供终端连接。

用户 Anjana 在回复里描述的现实是：「通常你得在 Figma 和终端之间来回跳，才能把 padding 或颜色调对。」

这次变化在于画板本身进入了编码会话。Gupta 给出了经济层面的解释：探索一个设计方向过去要花几个小时，所以资深设计师也只给自己两三个选项；「agent 生成变体的成本约等于 token 成本，稀缺技能从『产出选项』变成了『判断选项』」。他的结论是：「画板刚刚变成了脚手架。」

画板搬进终端之后，还悬着的问题是交接质量。Anjana 在回复里追问：实现之前，画板里的复杂交互状态怎么处理？用户 lmaoomgwtf 的提醒更直接：「可编辑画板很有用。难的是在设计到代码的交接中保住意图，否则你只会得到更好看的一次性漂移。」

参考链接

https://twitter.com/ClaudeDevs/status/2089471692762673408 https://twitter.com/ClaudeDevs/status/2089471695019209216 https://www.anthropic.com/news/claude-design-anthropic-labs https://code.claude.com/docs/en/artifacts.md https://code.claude.com/docs/en/skills.md https://support.claude.com/en/articles/14604416-get-started-with-claude-design https://twitter.com/ClaudeDevs/status/2088332927189049738 https://twitter.com/ken_tbdz/status/2089556247012090241 https://twitter.com/Riverfilms2/status/2089493340555551099 https://twitter.com/stronghamjji/status/2089521695904448845 https://twitter.com/aakashgupta/status/2089565703154360545 https://twitter.com/aiwithmayank/status/2089564444686954873 https://twitter.com/automadynamics/status/2089471828976710125 https://twitter.com/timgavn/status/2089476601121538391 https://twitter.com/Cascadia_AI/status/2089478000270324045 https://twitter.com/anjanab_/status/2089542025473671424 https://twitter.com/lmaoomgwtf/status/2089472769410912446_