Design Context BuilderCodex design contextGenerate for Codex

DESIGN.md for Codex

Use a DESIGN.md when Codex needs visual constraints before it changes a page, component, dashboard, or tool surface.

Use before editing

Ask Codex to read the DESIGN.md, identify affected files, and describe verification before touching UI code.

Keep scope small

Use the generated file as the source of truth for one visible surface at a time.

Verify after changes

Run browser checks for desktop, mobile, overflow, and console errors.