Claude Code 增加终端 UI 原型设计

关键信息

示例提示词是“/design a few options for {feature}”，Claude 会生成多个草稿，用户可以选择、编辑，然后继续实现。根据开发者 Nate Parrott 的说法，Claude 会读取现有代码库，匹配当前 UI 风格，并以 Artifacts 形式生成可分享的原型，但这些设计目前仍需要手动保存。

资讯摘要

Anthropic 在 Claude Code 中加入了一个名为 /design 的早期预览命令。这个功能旨在帮助开发者在写代码之前先创建设计原型，可以在终端或桌面应用里完成。常见的用法是让 Claude 针对某个功能给出几个方案，随后它会生成多个类似画板的草稿。开发者可以从中选择一个版本，继续编辑，然后再把这个设计推进到实际实现。

开发者 Nate Parrott 表示，Claude 会把现有代码库作为上下文，因此生成的原型能够尽量贴合当前的 UI 风格。他还提到，编辑器和提示能力来自 Claude Design，现在已经直接集成进 Claude Code。生成的内容可以以 Artifacts 的形式分享，这样团队在动手构建之前就能先审阅设计思路。

这次更新目前仍然只是早期预览版，因此还不是完整成熟的工作流。报道提到的一个限制是，设计目前仍然需要手动保存。用户如果想尝试这个功能，可以运行 "claude update"。

资讯正文

Claude Code 获得了一个 /design 命令，可让开发者直接在终端里创建 UI 线框稿

Anthropic 发布了 Claude Code 中 /design 命令的早期预览版。这项新功能让开发者在开始编写代码之前，就能直接在终端或桌面应用中创建设计线框稿。一个示例命令看起来像“/design a few options for {feature}”，随后 Claude 会生成多个草图，呈现为 artboards。用户可以选择自己最喜欢的版本，对其进行编辑，然后继续把它实现出来。

据开发者 Nate Parrott 介绍，Claude 会读取现有代码库，匹配当前的 UI 风格，并以 Artifacts 的形式创建可共享的线框稿。编辑器和提示功能来自 Claude Design，现在已直接内置到 Claude Code 中。这些设计会延续到构建步骤中，但目前仍需要手动保存。要试用它，只需运行“claude update”。

来源与参考

1. 原始链接
2. Claude Code gets a /design command that lets developers create UI mockups right in the terminal