Anthropic ships a /design command in Claude Code that builds UI mockups before code
Anthropic released an early preview of /design in Claude Code, which generates several UI mockups as artboards in the terminal or desktop app before any code is written, folding in Claude Design's editor and prompting. It reads the existing codebase to match current UI style and returns shareable Artifacts, so a developer can run claude update and pick a draft to build from — carrying a design through the build step still takes a manual save.
Source: the-decoder.com ↗
Claude reads the existing codebase, matches the current UI style, and creates shareable mockups as Artifacts.
Nate Parrott, Anthropic developer
Why this matters
- → Closes the design-code gap by generating mockups before implementation starts
- → Reads existing codebase to maintain UI consistency across iterations
- → Reduces friction in the design-to-code handoff workflow
Design before code