News · New this week
Design.md Generator: copy any site's design system into a prompt
Paste a URL, get one DESIGN.md file, and give it to Claude, Codex or Antigravity so the UI stops defaulting to the usual purple gradient.
AI-generated websites tend to look alike. Ask for a landing page without much direction and you get the usual purple gradient. The Design.md Generator, a free tool from Context, gives the model something specific to follow instead.
What it does
You paste the URL of a website you like. The reel uses Stripe and Apple as examples. The tool pulls out the colors, fonts and spacing from that site and writes them into a single file called DESIGN.md.
That keeps the design side to one step. One URL goes in, one file comes out.
At the end of the file you get a set of Do's and Don'ts. Those are useful because a list of values only tells the model what the design uses. Rules about what to do and what to avoid tell it how to apply them.
How it works in practice
A model with no design input fills the gaps with its own defaults, and those defaults are where the generic look comes from. If you give it a real design system, it has less room to guess.
The flow is short. Pick a site whose design you want to borrow, paste its URL into the generator, take the DESIGN.md it writes, and put that file in your prompt.
The reel names Claude, Codex and Antigravity as the tools to put the file in front of. With the file in your prompt, the UI follows that design instead of the usual purple gradient.
Why a file beats an adjective
Describing a look in a paragraph of loose adjectives leaves a lot open to interpretation. A file that lists the actual colors, fonts and spacing is specific, and the Do's and Don'ts at the end add the rules.
It also means everything about the design sits in one place, and you can read it before you send the prompt. Since the file comes from whichever URL you give the generator, the choice of source site is the one decision that is yours to make.
Try it
Pick one site you'd like your next project to draw from, run its URL through the Design.md Generator, and put the resulting DESIGN.md in your prompt. Read the file first so you know which colors, fonts and spacing the model is working from. If you want the tool, the reel says to comment LINK and it will be sent to you.
