18 August 2026

Claude Code adds visual design mockup feature for developers

  • Claude Code now includes a /design command that generates UI mockups as editable artboards directly in the editor before coding begins.
  • Developers can request multiple design options, select a preferred mockup, edit it, then have Claude build the code implementation.
  • Claude reads existing codebases to match current UI styles and creates shareable mockups that developers can save manually for now.

Where they differ

Ben's Bites focused on the design feature itself, while AI Breakfast mentioned it but also reported on unrelated developments: prompt caching cost reduction, a contractor data exposure incident, and watermarking system controversy.

Ben's BitesBen Tossell

Claude Code introduced a /design skill that creates editable UI artboards for visual experimentation, which can then be implemented by the AI after user approval. Auto-continue was also added for when usage timer resets.

AI BreakfastIndependent editors

Anthropic released a guide for managing Claude Code token costs through prompt caching which reduces repeat input costs to 10 percent, and is testing a side-by-side model comparison interface. The newsletter also reports a safety issue where 133 million contractor requests were exposed due to biological and chemical weapon classifiers being accidentally left off, and notes controversy around Anthropic's new global text watermarking system which critics argue degrades writing quality despite company denials.

Reported by The Decoder