Top Python Libraries

Top Python Libraries

Claude Code Can Now Do Design: Sketch First, Code Later

Claude Code adds editable artboards for design-first workflow. Sketch, compare, refine, then implement—reducing rework and keeping decisions human.

Meng Li's avatar
Meng Li
Aug 18, 2026
∙ Paid
Anthropic is turning Claude into a full-blown design tool with this latest  update - Neowin

Today, Anthropic’s developer account announced that Claude Code has added a new /design Skill. It generates editable artboards in the CLI and Desktop: first pick a direction, continue refining it, then let Claude implement it.

This update does not replace “write a nice-looking page” with a new prompt. The change lies in the workflow: between requirements and code, there is now a design artifact that can be compared, modified, and confirmed.

Previous waste happened before the first line of code

Having a Coding Agent write pages directly often produces a false sense of progress: components are quickly assembled, yet colors, density, information hierarchy, and interaction direction remain unaligned. Every subsequent visual tweak then affects both structure and styles. The model can write code, but the team decides what it actually wants far too late.

The official /design workflow changes the order to: generate multiple editable artboards, select one, adjust it, then move to implementation. The artboards are based on Artifacts, with the goal of making the design phase itself operable rather than merely viewing an uneditable mockup.

User's avatar

Continue reading this post for free, courtesy of Meng Li.

Or purchase a paid subscription.
© 2026 Meng Li · Privacy ∙ Terms ∙ Collection notice
Start your SubstackGet the app
Substack is the home for great culture