Claude Code引入/design命令：终端内生成UI稿

The Decoder#Claude#AI编程#UI设计

Editor brief · 编辑速览

Anthropic为Claude Code新增/design命令，可直接在终端内生成匹配现有代码风格的UI设计稿，工程师无需切换工具。

文章思维导图

Knowledge map

拖拽缩放

Full translation

完整中文译文

Anthropic 在 Claude Code 中发布了 /design 命令的早期预览版。这个新功能让开发者可以在开始写代码之前，直接在终端或桌面应用中创建设计稿。一个示例命令看起来像这样：/design a few options for {feature}，Claude 会生成多个草稿作为画板。用户可以挑选最喜欢的那个进行编辑，然后逐步构建。

据开发者 Nate Parrott 介绍，Claude 会读取现有代码库、匹配当前的 UI 风格，并以 Artifact 的形式创建可分享的设计稿。编辑和提示功能来自 Claude Design，现在已直接内置到 Claude Code 中。设计稿会带入构建步骤，但目前仍需要手动保存。要体验这个功能，只需运行 claude update。