AI does not come with taste. Here's the one file you drop into Claude or Codex so every website it builds looks like a premium brand instead of generic AI.
There's one file you can drop into Claude or ChatGPT's Codex that makes every website it builds look like a premium brand. The trick is simple: AI does not come with taste, so you give it taste by borrowing the design system of a real website you already love.
Here's why AI-built sites tend to look generic. When you ask an AI to "make it look premium," it has nothing real to anchor to, so it guesses at the typography, the spacing, and the color, and it lands on the safe, average version of a website. Everyone who asks the same way gets the same forgettable result. The fix is not a cleverer prompt. It's handing your AI a real design language to follow, and that lives in a single file.
That file is a DESIGN.md, and you get it from Refero's DESIGN.md library. Refero is a big collection of real website designs, and for the ones you love it hands you the whole design system as one file. That single DESIGN.md captures the exact colors, typography, spacing, components, and overall design language of the site you picked.
The reason this works so well is that the file is written for AI to read. Refero's DESIGN.md files are built to plug straight into Claude, ChatGPT's Codex, Cursor, and similar build tools. Instead of describing "premium" in words the AI has to interpret, you give it the literal rules of a design you already trust. It stops guessing and starts following.
The whole workflow is four moves, and none of them need code.
One Setup Note
Adding a design file as a skill sometimes wants it packaged as a small skill folder (a SKILL.md that points to the design file), so after you upload it, confirm the tool actually took the file. And the agent or build modes here, Claude Cowork and Codex, run on a paid plan, so make sure you're on one before you start.
Once the design is loaded as a skill, this is the kind of prompt that puts it to work. Copy it, swap in the name of the design system you downloaded, and adjust the sections to fit your site.
The difference is night and day, and the reason is straightforward. Before, the AI was guessing at every visual choice with nothing to anchor it. Now it's reading real typography, spacing, color, and component rules from a design that a human already got right, and it applies them consistently across the whole build.
That consistency is what "premium" actually is. A real design system uses the same type scale, the same spacing rhythm, and the same components on every section, so the site feels considered instead of assembled. Your AI can hold all of that in one file and never drift from it, which is the exact thing it struggles to do when you're only describing a look in a sentence.
Tip 01
Pick A Site Close To Your Vibe
The design you borrow sets the ceiling, so start from a site that already feels like your brand instead of one you'd have to fight against. A calm, editorial site and a loud, playful one produce completely different builds. Choose the taste you actually want before you build a single section.
Tip 02
Iterate Section By Section
Don't judge the whole site in one shot. Build the hero, look at it against the design system, and refine it until it's right, then move to about, then work samples, then contact. Working one section at a time keeps the AI locked to the design language and gives you clean, specific control over the result.