Design Context BuilderClaude Code design contextGenerate for Claude Code

DESIGN.md for Claude Code

Give Claude Code a clear visual source of truth before it plans or implements a UI task.

Generate a Claude Code-ready DESIGN.md

Read first

Ask Claude Code to read the file and summarize the design constraints before planning.

Implement in slices

One visible surface at a time keeps the UI closer to the design context.

Verify visually

Browser screenshots and mobile checks catch drift that code review misses.