Claude Code /design Skill：研究预览版能做什么

Claude Code的/design skill是Anthropic在第34周周报（2026年8月17日至21日）中宣布的一项研究预览功能：给它一段需求描述，它就会以artifact形式发布一张由可编辑UI画板组成的画布；您从中挑选一块画板，稍作调整，再让Claude去实现。它可在CLI和Claude Code Desktop中运行，需要v2.1.233或更高版本，面向Pro、Max、Team和Enterprise套餐提供。¹由于它发布到artifacts，因此同样受artifacts前置条件的约束：会话必须通过claude.ai账户登录，并使用Anthropic API。⁵发布之初的公开记录只有三页简短内容（周报、skill自身的描述，以及周报所链接的artifacts可用性页面），所以这篇初探也保持简短：Anthropic说这个skill能做什么、您会得到什么、它需要什么，以及已记录的范围止于何处。 {.answer-block}

简而言之

• 一条命令，一张画布。/design <brief>会让Claude起草一份多画板设计，并以artifact形式发布；完成后Claude会打印出链接。¹
• 结果分两个层级。如果您的账户允许保存，就能获得可视化编辑器，并可通过Save为所有人发布新版本；其他人则只能获得可查看并导出（PNG/PDF）的预览。²
• 版本下限是v2.1.233（2026年8月14日），适用于Pro、Max、Team或Enterprise套餐，可在CLI或Claude Code Desktop中使用，另外还需满足artifacts的前置条件：通过claude.ai登录并使用Anthropic API，且组织未启用CMEK、HIPAA和零数据保留。¹³⁵
• 预览版止步于画布。周报和描述都没有列出任何标志或画板数量限制；描述允许重新初始化（re-seeding）画布却未加定义，并指明已有画布应在其已发布的Artifact中编辑。²⁴

/design skill能做什么？

Anthropic的第34周周报用一段话描述了它：这个skill“将Claude Design的画板工作流带入CLI和Claude Code Desktop，构建于artifacts之上。给它一段需求描述并运行，Claude就会为您的UI发布一张由可编辑画板组成的画布。挑选一块，稍作调整，然后让Claude来实现。”¹官方示例是一段产品需求描述，而不是一份规格说明：

> /design redesign the composer based on what people actually use it for

Claude会打印出已发布画布的链接，周报中的卡片还嵌入了一段演示视频。¹您打开画布，挑选一块画板，然后告诉Claude实现哪个方案。¹这个skill只负责第一步，它自己的描述在最后一句话中也说得很明白：“仅用于创建（CREATING）或重新初始化（re-seeding）画布；已有画布在其已发布的Artifact中编辑。”²第二步发生在artifact中，第三步则是Claude Code针对您的代码库所做的日常工作。

skill的产品内描述补充了具体机制。它把输出称为“以Artifact形式发布的多画板视觉设计，该Artifact运行着Claude Design的画布编辑器（Claude Design在Claude Code中的早期预览）”，起草方式是“以.dc.html画板的形式布置在一张可平移/缩放的画布上”。²一次运行会把所有画板放进同一张画布，每块画板都是一个.dc.html文件。

描述中的触发条件还意味着您不必手动输入这条slash命令。它告诉Claude，“当有人想要设计、原型图、线框图、UI或屏幕设计、落地页、海报、传单、宣传册、横幅、卡片、单页文档，或任何他们更愿意手动调整而非用代码调整的视觉布局”时使用这个skill，因此一句想要原型图的自然语言请求就能自行触发/design。²

您会得到什么？

描述按账户区分了结果。如果您的账户允许保存，“他们可以以可视化方式细化每一个元素（点击选择、属性面板、行内文本编辑、撤销/重做），并通过Save为所有人发布新版本。”否则，“他们得到的是您草稿的可查看并导出（PNG/PDF）的预览。”²

描述的范围也超出了应用UI。它列出了“UI原型图和屏幕流程、落地页、营销与社交媒体图片，以及印刷品”，其中“海报、传单、宣传册作为单页画板；备忘录和报告作为一块连续的画板”。²周报中的示例是UI；这份更宽的清单仍然是Anthropic自己给出的适用范围声明。

它需要什么？

用claude --version检查您的版本；周报覆盖的是v2.1.234到v2.1.239这一区间，但把要求定在了早一个版本。¹快速入门介绍了安装和首次会话的设置。

Artifacts这几行之所以重要，是因为周报称这个skill“构建于artifacts之上”，并在其/design卡片中以“Where artifacts are available”（artifacts可用范围）为题链接到了可用性页面。¹Anthropic在那里的措辞很严格：“Artifacts要求满足以下每一项条件。任一条件不满足时，Claude会改为写入本地HTML文件，或说明无法发布。”⁵使用API密钥的会话，或运行在Amazon Bedrock、Google Cloud的Agent Platform或Microsoft Foundry上的会话，即便满足版本下限，仍然无法发布画布。⁵同一页面还描述了另一个内置的design skill，它负责为Claude构建的每个artifact设定样式（v2.1.182或更高版本），那并不是/design。⁵

预览版止步于何处？

这三页内容就是关于该skill本身的全部公开记录；Claude Design自己的产品页面描述的是编辑器，而非这个skill。我宁愿列出它们遗漏的内容，也不愿去猜测。⁴

• 没有标志或选项。周报展示的是/design后面跟一段文字。周报和描述都没有列出用于画板数量、画布尺寸、设备外框或输出层级的开关。
• 没有说明画板数量。周报中的“一张由可编辑画板组成的画布”和描述中的“多画板”是仅有的数量描述。
• 重新初始化，未加定义。描述允许“重新初始化画布”，却没有说明重新初始化需要什么，并指明已有画布的路径是“在其已发布的Artifact中”编辑。²
• 没有解释保存权限的门槛。描述提到“用户账户启用了保存功能时”，却没有指明是哪些账户，也没有说明除了实际运行之外如何检查。²Artifacts页面列出了谁能发布；同样的条件是否也决定编辑层级，则没有说明。⁵
• 没有说明实现过程。周报说您告诉Claude实现哪个方案；之后Claude是读取.dc.html画板，还是根据您的描述来做，没有交代。¹

周报将该skill标记为研究预览版，因此以上各项都可能在不另行通知的情况下变化。¹

第34周还发布了什么？

周报中还有另外两项重点功能。Concise是一种新的内置输出风格（v2.1.237）：Claude会先给出结果并省略开场铺垫，同时工作深度与Default风格一致，而错误报告、安全警告和破坏性操作确认仍保持完整；在~/.claude/settings.json中设置"outputStyle": "Concise"，或在/config中选择，然后执行/clear或开启新会话。Remote Control也结束了研究预览阶段：任何运行claude remote-control的机器都会以设备卡片的形式出现在Claude移动应用的Code标签页中，点按即可在那里开始会话。¹

常见问题

Claude Code中的/design skill是什么？

一项研究预览版skill：接收一段需求描述，起草一份多画板设计，并以运行Claude Design画布编辑器的artifact形式发布。您挑选一块画板，然后让Claude来实现。¹²

/design需要哪个版本的Claude Code？

v2.1.233或更高版本，发布于2026年8月14日。运行claude --version即可检查。¹³

哪些套餐可以使用/design？

Pro、Max、Team和Enterprise，可在CLI和Claude Code Desktop中使用。¹

我可以编辑/design生成的画板吗？

仅当您的账户允许保存时可以：届时您将获得点击选择、属性面板、行内文本编辑、撤销/重做，以及可为所有人发布新版本的Save。否则，您得到的是可查看并导出（PNG/PDF）的预览。²

/design能配合API密钥使用，或在Bedrock、Google Cloud或Foundry上使用吗？

按文档记录，不能。该skill发布到artifacts，而Anthropic的artifacts页面指出，使用API密钥、网关令牌或云服务商凭据的会话无法发布，且artifacts不适用于Amazon Bedrock、Google Cloud的Agent Platform或Microsoft Foundry。您需要通过claude.ai登录并使用Anthropic API。Artifacts页面称Claude届时会写入本地HTML文件或说明无法发布；至于/design会怎么做，两处来源都没有说明。⁵

/design只适用于应用UI吗？

不是。描述还列出了落地页、营销与社交媒体图片、海报、传单和宣传册等印刷品，以及作为一块连续画板的备忘录和报告。²

核心要点

产品工程师： - 针对真实的界面，用自然语言提出原型图需求；描述中的触发条件允许Claude根据这一请求自行调用该skill，无需输入slash命令。² - 像Anthropic的示例那样，用自然语言写需求描述；已记录的示例就是自然语言，周报和描述都没有列出任何标志。¹ - 自行记录您选择了哪块画板；周报从未说明您选择之后Claude会读取什么。¹

设计师： - 在安排评审轮次之前，先确认您的账户是否允许保存；否则画布只能查看和导出。² - 一页传单或一张社交媒体图片与UI流程一样值得一试；两者都在声明的适用范围之内。²

团队负责人： - 确认全团队都使用v2.1.233或更高版本，并满足artifacts的前置条件（claude.ai登录、Anthropic API、未启用CMEK、HIPAA或零数据保留），同时要预期这个skill在带着研究预览版标签期间还会变化。¹³⁵ - 仅围绕已记录的三个步骤建立流程；标志、限制和重新初始化仍未记录在案。⁴

画板一旦存在，面向AI智能体界面的设计介绍了它仍需满足的交互原则。