AI-built apps look the same because, without direction, the model designs from the center of the web: the most common layouts, fonts and colors in what it was trained on. That's where the purple gradients, rounded cards and centered heroes come from. A DESIGN.md, a design skill or a list of banned patterns won't fix it on their own. If AI writes them without real references, they write down the same average.
You don't need a designer or a "design eye" either. You need three things:
The quickest free way to get curated references into Claude Code, Cursor or Codex is Subframe's inspiration MCP. Subframe builds it in: its AI pulls curated inspiration when a design needs it and sticks to your design system when it doesn't.
A language model predicts the most likely next thing, based on patterns in its training data. For design, that means the safest, most common choices on the web. Anthropic's own applied AI team calls this "distributional convergence", and puts it plainly: "Without direction, Claude samples from this high-probability center" (Anthropic, Nov 2025).
The result is a look you can spot from across the room. We coded 1,002 Reddit threads from mid-July to mid-October 2026 about getting good design out of Claude. In the 511 that were really about it, these are the tells people named most:
| What gives it away | Threads that name it |
|---|---|
| A template feel: "looks like every other AI site" | 167 |
| Purple, indigo or blue-purple gradients | 90 |
| Rounded cards everywhere, big radius, soft shadows | 65 |
| AI-sounding copy and hype headlines | 50 |
| Inconsistent spacing and type sizes | 45 |
| Glassmorphism, glows and neon | 40 |
| Inter and other default fonts | 39 |
| A centered hero plus three feature cards | 38 |
| Pills and eyebrow labels above every heading | 29 |
The counts come from our own coding of each thread, so treat them as rough. The pattern isn't.
The tells also change. As people learned to spot purple gradients, a second look appeared: a warm cream background, a serif headline with one italic word, small all-caps labels and an orange accent. It's common enough that a founder told us you "can just tell they're made by Claude Design." The model didn't get worse. People banned the old default, and the center moved somewhere new.
We tested the advice people give on Reddit and in AI answers: design systems, design skills, and prompting the AI patterns out. Most of it doesn't get you out of the center, for the same reason.
That last finding is the point. More references pull the model back toward the center; a few well-chosen ones pull it toward one taste. One strong reference beats a paragraph of adjectives, because "make it premium" means a hundred things and the model picks the most common one.
None of these steps asks you to describe good design. You only have to recognize it.
"Modern and clean" returns the average. A few real references with a clear point of view don't. The catch is finding good ones, and that's the step non-designers can't do alone.
That's what Subframe's free inspiration MCP is for. It gives your coding agent a library of real websites hand-picked by designers to stand apart from the usual AI look. The agent looks at their layout, type and color, then designs something new for your project in that direction. It uses the references for direction only and builds an original page around your own content.
To set it up in Claude Code:
claude mcp add --transport http subframe https://mcp.subframe.com/mcp, or click "Add to Claude" on the inspiration page./mcp and sign in with a Subframe account.It also works with Cursor, Codex and any agent that supports remote MCP servers. It's free on every plan, including Free, and inspiration search uses no AI credits. Today it covers landing pages, marketing sites and portfolios; in-app screens like dashboards and settings are coming.
You might not be able to explain why a design feels off, but you can see which of three is better. Ask for a few clearly different directions instead of one, and choose. Picking makes the direction concrete. Several founders we spoke with already do this: one asks for six variants, picks one and hands it to Claude Code.
If they're all close but none is right, say which parts you like: "the header from the second, the layout from the third."
Once the page is mostly right, the work becomes a dozen small fixes: spacing here, a button that's too big there. Describing each one in a prompt is slow, and the agent often misses some. One founder told us that out of five small changes, Claude Code "invariably misses like two." Re-prompting the whole page also tends to break what was already working.
Change the specific element yourself where you can, and send only that change back to your agent.
After you've picked a direction, record the decisions: fonts, colors, spacing and the components you're using. Put them in a DESIGN.md or your design system, so the next page matches the first.
This is where a design system earns its place. One built from curated references keeps you consistent with a taste. One written before them keeps you consistent with the average.
Look at the real page in the browser with real content, not placeholder text. Check it on a phone, and look at the empty and error states, which AI tends to skip.
You can follow these steps with any coding agent and the free MCP. Subframe puts them in one place.
The code is React and Tailwind, and it lives in your codebase. Connecting a codebase and the built-in browser need the macOS desktop app; the canvas also runs on the web.
They say to give the AI references and be specific, then offer a design system, a DESIGN.md or a design skill as the fix. That assumes you already have taste. If you could describe good design, you wouldn't be asking, and none of those fixes leaves the average until curated references go in.
Without direction, the model picks the most likely design: the average of what's on the web. That gives you the same purple gradients, rounded cards, centered heroes and default fonts on every site. Anthropic calls this distributional convergence.
Start from a few curated references instead of adjectives or ban lists, ask for a few directions and pick one, then fix the remaining details directly. Subframe's free inspiration MCP gives Claude Code, Cursor or Codex designer-picked references to start from.
Not on their own. They're rules, and rules without references still leave the model choosing from the center. Each popular skill tends to produce its own recognizable look. They work better on top of curated references than instead of them.
Not as a whole library. Inspiration sites gather the average of the web, which is what the model is already trained on, so pointing an agent at them pulls it back to the center. A small set picked by designers works better.
Yes. You don't need to describe good design, only recognize it. Use curated references, compare a few options, and fix specific details. Learning the basics helps, but it isn't required to get out of the generic look.
Yes. It works with Claude Code, Cursor, Codex and any agent that supports remote MCP servers over HTTP. It's free and needs a Subframe account to sign in.
Your app doesn't look generic because you lack taste. It looks generic because the model defaults to the center of the web. Give it better references than the average: get Subframe's inspiration MCP free, or try Subframe, which builds curated inspiration, side-by-side variations and precise edits into one place.
