A website’s design, in DESIGN.md
Paste a public website URL. Download its colours, type and layout notes for your coding agent.
What does the file include?
Colour tokens, font families and sizes, spacing, corner radii, buttons and layout measurements at desktop and phone widths. Heading lengths provide a starting point for voice notes.
Will it capture every detail?
It reads public HTML and CSS with page scripts disabled. Fonts, images, animation and hover states need a separate visual check. If a site blocks the read, you still get a partial file with a note on what is missing.
How do I use it?
Save DESIGN.md in your project and ask Claude Code, Codex or Cursor to follow it. Use your own words and assets, then check the result on desktop and phone.