# Claude Code 新增 /design 命令，可在终端直接创建 UI 设计稿

- 来源：The Decoder：AI News（RSS）
- 作者：Matthias Bastian
- 发布时间：2026-08-18 18:06
- AIHOT 分数：58
- AIHOT 链接：https://aihot.virxact.com/items/cmsyinad10ww0roz0454qu520
- 原文链接：https://the-decoder.com/claude-code-gets-a-design-command-that-lets-developers-create-ui-mockups-right-in-the-terminal

## AI 摘要

Anthropic 在 Claude Code 中发布 /design 命令的早期预览版，开发者可在终端或桌面应用中直接创建设计稿。该命令能读取现有代码库、匹配当前 UI 风格，并生成多个可编辑的共享设计稿。相关编辑和提示功能来自 Claude Design，现已内置到 Claude Code 中，可通过运行 "claude update" 体验。

## 正文

Anthropic has released an early preview of the /design command in Claude Code. The new feature lets developers create design mockups directly in the terminal or desktop app before they start writing code. A sample command looks like "/design a few options for {feature}" and Claude generates multiple drafts as artboards. Users can pick their favorite, edit it, and then build it out.

视频 · 前往原文观看

According to developer Nate Parrott, Claude reads the existing codebase, matches the current UI style, and creates shareable mockups as Artifacts. The editor and prompting features come from Claude Design and are now built directly into Claude Code. The designs carry over into the build step, but they still need to be saved manually for now. To try it out, just run "claude update."