Claude Code gets a /design command that lets developers create UI mockups right in the terminal

| Source: THE DECODER

Tags: Claude Code, Anthropic, UI design, developer tools, Artifacts

Anthropic released an early preview of the /design command in Claude Code, letting developers generate UI mockups as artboards in the terminal by typing "/design a few options for {feature}" — Claude reads the existing codebase, matches the current UI style, and produces shareable Artifacts before any code is written.

Details

Anthropic has shipped an early preview of /design, a new slash command embedded directly in Claude Code's terminal and desktop app. The workflow: a developer types "/design a few options for {feature}", and Claude generates several draft UI mockups as artboards without touching the codebase first. Designs can be picked, edited, and then handed off to the build step.\n\nThe key detail is that Claude reads the existing codebase before generating mockups, so the output matches the project's current UI style rather than producing a generic design. The editor and prompting layer comes from Claude Design, now integrated directly into Claude Code. Completed designs carry over into the build step automatically, though they still require manual saving.\n\nTo access the feature, developers run 'claude update'. The integration suggests Anthropic is expanding Claude Code beyond text-and-code workflows toward a fuller product development loop — design, prototype, build — inside a single tool.\n\nFor teams already using Claude Code, this reduces context-switching between design tools and the IDE. The manual-save requirement and early-preview label signal active iteration rather than a finished feature.