A DESIGN.md for Claude Code, from any website
Tell Claude Code "make it look like that site" and you get a default blue button and Arial. Give it a DESIGN.md and it has something real to follow. Borrowstyle reads the website in your tab and writes that file for you in about half a second.
What is a DESIGN.md?
A plain Markdown file that describes a design system in words and values: which colour is primary, which is the background, how big an H1 is, how much space sits between sections, how round the corners are. AI coding tools read Markdown well, so a DESIGN.md in your repo becomes the brief Claude Code works from on every prompt.
What Borrowstyle puts in it
- Colours with their roles (primary, surface, text, border, accent).
- Every type style with size, weight and line height.
- The spacing scale, corner radius and shadows.
- The main parts of the page, like buttons, cards and inputs, with their measurements.
- When a font is paid, its name plus a free stand-in.
Want to see one first? Sample files are on the home page.
Same prompt, with and without the file
Without a DESIGN.md, the AI guesses. With one, it uses the real values: the right purple, the right light headline weight, the right corner. The difference is the file, not the prompt.
Borrow the system, not the brand
Use the file to get the feel right: rhythm, type, tone of colour. Don't ship another company's logo, images, text or paid fonts. Make it yours (Pro) swaps your colours and fonts in before you hand it to Claude.
How to make a DESIGN.md for Claude Code
Open a site whose design you like.
Click the icon once. Borrowstyle reads the whole design.
Press Copy for AI and choose Claude, or download DESIGN.md.
Put DESIGN.md in your project root and tell Claude Code: "Follow DESIGN.md for all UI."
Questions
Is the DESIGN.md free?
Yes. Reading a site, Copy for AI and DESIGN.md are free.
Can I use it as a Claude skill?
It's plain Markdown, so you can reference it from CLAUDE.md or a skill file.
Does it work with ChatGPT, Cursor, v0, Lovable and Bolt too?
Yes. Copy for AI targets all of them. See website to Cursor.
Does it read sites I'm signed in to?
Yes. It reads whatever page is open in your tab, and nothing from the page is sent anywhere.
What about the Tailwind config?
Same read, different file. See Tailwind config from any website.
Keep reading
Borrow the system, not the brand.
Free to use. Pro from $5 a month or $39 once. Works in Chrome, Edge, Brave and Arc.