Development & Automation

Claude Code Can Sketch UI Mockups With a Single "/design" Command.

Anthropic added a /design skill to Claude Code as a research preview. You can use the Claude Design artboard workflow directly in the CLI and desktop app.

· Huuush

Claude Code Can Sketch UI Mockups With a Single "/design" Command

Key takeaways

  1. 1Anthropic's official account @ClaudeDevs announced the /design skill (research preview) for Claude Code at 6:57 AM (KST) on August 18, 2026.
  2. 2The feature combines the artboard workflow of Claude Design, released in April, with Claude Code Artifacts, released in June, inside the CLI and desktop app.
  3. 3It's included in Pro, Max, Team, and Enterprise subscriptions at no extra charge, but as of August 18 it isn't reflected in the official changelog yet.
A paper artboard with a hand-drawn wireframe and a stylus, next to a transparent panel reproducing the same layout on a precise grid

At 6:57 AM (KST) on August 18, 2026, Anthropic's official developer account @ClaudeDevs posted new news: "Claude Code can design now." It announced that a `/design` skill, in research preview, has been added to Claude Code's CLI and desktop app.

Using it is simple. Type `/design` in the terminal or desktop app and several editable artboards appear. You pick a mockup you like, refine it, and hand it straight to Claude to implement. The post drew more than 250,000 views in under 24 hours.

It Merges Claude Design and Artifacts

This feature isn't entirely new. It layers the artboard workflow of Claude Design, a separate product released in research preview on April 17 on Opus 4.7, on top of Claude Code Artifacts (a feature that turns a coding session into a shareable web page), which went into beta on June 18. The key of this announcement is bundling the two so you can use them together inside the CLI.

In a reply posted two hours later, @ClaudeDevs added, "Available on Pro, Max, Team, and Enterprise. Update Claude Code to try it." That means it's included in your subscription plan at no extra charge.

Pick, Edit, and Implement in One Flow

Previously, to make a UI mockup you had to switch over to the Claude Design tab separately. With this update, that process continues without leaving the CLI. Anthropic says a two-way flow, from design to code and from code back to design, is also possible.

One user welcomed it, saying "switching back and forth to the usage tab was a hassle, and now I don't have to," and another replied, "I was just complaining about exactly this missing feature."

Some Say "I've Been Using This for a Month"

Not every reaction was positive. Replies included the point that "I was already doing something similar by capturing UI elements in VS Code and pasting them in," and a comment that "I've already been using it this way in the CLI for over a month." There were also complaints that the designs Claude makes look alike.

As of August 18 (KST), the official Claude Code changelog (latest version v2.1.234, updated August 17) doesn't yet list a `/design` entry. With a lag between the official social media announcement and documentation, it's safer to check once more whether the changelog has caught up before adopting it team-wide.

Frequently asked questions

What is Claude Code's '/design' skill?
It's a research preview feature where typing /design in Claude Code's CLI or desktop app brings up several editable UI artboards. You can pick and refine a mockup, then hand it straight to Claude to implement.
How is it different from Claude Design?
Claude Design is a separate product released in April that you had to use separately in a web tab. /design combines its artboard workflow with Claude Code Artifacts, released in June, so you can use it right inside the CLI and desktop app.
Which plans can use it?
According to Anthropic's official reply, it's available at no extra charge on Pro, Max, Team, and Enterprise subscriptions. You need to update Claude Code to the latest version.
Why did some say it already existed?
Some users said in replies that they were already doing similar work by capturing UI elements in VS Code and pasting them in. But that was an individual user's workaround, not an official feature.

Related articles