Design Context BuilderCursor design contextGenerate for Cursor

DESIGN.md for Cursor

Use a DESIGN.md as project context before Cursor generates or edits UI, so the result follows the same layout, typography, and component rules.

Generate a Cursor-ready DESIGN.md

Attach as context

Paste or attach the generated file before asking Cursor to compose a page.

Prevent broad rewrites

Ask for focused component edits and explain any deviation from the design rules.

Check rendered UI

Compare the page against the DESIGN.md after Cursor changes code.