Claude Code /design 直出UI原型

时间：2026 年 8 月 18 日 地点：旧金山（Anthropic 总部），面向全球 Claude Code 用户 人物：Anthropic Claude Code 工程团队；前端开发者、Claude Design 编辑器作者 Nate Parrott 事件详情：Anthropic 于 8 月 18 日在 Claude Code 中开放 /design 命令的早期预览版。开发者只需在终端或桌面应用输入类似 "/design a few options for {feature}" 的提示，Claude Code 便会读取现有代码库、匹配当前 UI 风格，并以 Artifacts 形式一次性生成多份可分享的 Artboard 草图。开发者可以挑选、修改，再直接衔接后续的代码生成步骤。该命令整合了 4 月独立发布的 Claude Design 编辑器和提示词能力，代码生成的产物与原型草图可直接在同一工作流内流转。当前版本仍需手动保存草图，用户运行 "claude update" 即可启用。 背景：Claude Code 是 Anthropic 推出的命令行 AI 编程助手，能读取 200K token 上下文并跨文件执行任务，长期被视为 Cursor、Windsurf 的有力竞争者。今年 4 月 Anthropic 上线了独立设计工具 Claude Design，7 月又推出 /design-sync 命令让本地设计系统可直接导入 Claude Design。本次 /design 命令则是把"设计—编码"两端彻底合到同一个终端界面里，开发者不必再切换 Figma、Sketch 等外部工具，也不再需要把设计稿交付给工程师重复实现。 影响：/design 把"先画后写"的标准动作下沉到 AI 编程工具里，原型与代码在同一会话内产出，团队评审可以基于 Artifacts 直接给出反馈，缩短了从想法到实现之间的工程往返。对独立开发者而言，省去一次工具切换意味着几十秒到几分钟的提速；对中小团队而言，则把设计师—工程师的协作门槛进一步压低。该功能进一步巩固 Claude Code 在 AI IDE 领域的差异化定位，让 Cursor 等竞品需要重新思考其内置预览能力的优先级。 总结：Anthropic 把"画 UI"和"写代码"两件事合并到同一个终端命令里，/design 命令让开发者用一句话提示就能拿到多份可分享 UI 原型，并直接衔接后续编码。当前仍处早期预览、需要手动保存草图，但已经为 AI 辅助开发的端到端闭环补齐了关键一环。 参考来源： - The Decoder：Claude Code gets a /design command that lets developers create UI mockups right in the terminal，https://the-decoder.com/claude-code-gets-a-design-command-that-lets-developers-create-ui-mockups-right-in-the-terminal/ - Anthropic 工程师 Nate Parrott 公开介绍 /design 命令如何读取代码库并生成 Artifacts，https://x.com/nateparrott/status/2089470640327700770 - The Decoder：Anthropic 的 Claude Design 把聊天对话转成原型、幻灯片与营销素材（背景资料），https://the-decoder.com/anthropics-claude-design-turns-chatbot-conversations-into-prototypes-slide-decks-and-marketing-assets/ - Anthropic Engineering：Equipping agents for the real world with Agent Skills（背景资料），https://www.anthropic.com/engineering/equipping-agents-for-the-real-world-with-agent-skills - 腾讯新闻：Anthropic 大幅升级 Claude Design：设计与代码协作体验究竟如何（背景资料），https://so.html5.qq.com/page/real/search_news?docid=70000021_5586a54498709152 - GitHub：anthropics/claude-code 官方仓库与发布说明，https://github.com/anthropics/claude-code/releases