18 August 2026
Anthropic adds design mockup tool to Claude Code editor
- Claude Code now includes a /design command that generates UI mockups in the app before developers write code.
- The feature reads existing code, matches current UI style, and produces multiple design options as editable artboards.
- Designs can be edited and shared, then carried into the build phase, though users must save them manually.
- Anthropic also released guidance on prompt caching to reduce Claude Code costs to 10 percent of repeat input rates.
Where they differ
Ben's Bites focused on the new design feature itself, while AI Breakfast emphasized cost-reduction techniques and mentioned unrelated safety incidents at Anthropic, giving different angles on what matters about this release.
Claude Code added a slash design skill that creates editable UI artboards where users can explore directions visually before implementation. The newsletter positions this as integrating Claude Design capabilities into the coding workflow.
Anthropic released guidance on reducing Claude Code token costs through prompt caching, which cuts repeat input costs to 10 percent, and is testing a side-by-side model comparison interface. The newsletter emphasises a safety incident where 133 million contractor requests were exposed due to biological and chemical weapon classifiers being accidentally left off, and notes controversy over Anthropic's new global text watermarking system, which critics argue degrades writing quality despite company denials.
Reported by The Decoder