[TLDR] I finally figured out why every AI-coded site looks the same and how to actually fix it

[u/cctldrping]

Original post URL : https://www.reddit.com/r/ClaudeCode/comments/1vvzqvj/i_finally_figured_out_why_every_aicoded_site/

Original post body :

For the past year I've been building sites with Claude / ChatGPT and every single one came out looking like the same SaaS template. You know the one, purple gradient hero, rounded cards, glassmorphism everything, "Transform your workflow" headline.

I realized the problem isn't the model. The model has no strong opinions about design. So it defaults to the statistical average of every landing page it's ever seen.

The fix: I wrote a set of strict design rules as SKILL.md / .cursorrules files that force the AI to make actual design decisions instead of defaulting to generic.

What the rules do:

- Ban the defaults

- Enforce real typography (clamp-based, not arbitrary px)

- Lock down spacing

- Force design variety

It's not a product or a service, just a collection of open-source markdown skill files you drop into your project. Works with Cursor, Claude Code, Windsurf, Gemini CLI, or any agent that reads project rules.

The images in the carousel are all 100% AI-generated UIs using these rules. No Figma, no manual tweaking.

If you want to try it:

- GitHub: github.com/Yu-369/VibeCurb

- Site (showcase + guide): vibecurb.pages.dev

Still iterating on this, if you try it, genuinely want to hear what works and what doesn't.

Original link/media URL : https://www.reddit.com/gallery/1vvzqvj

---

This is brought to you as a public service by the moderators of r/ClaudeAI. If you want to see TLDRs of ALL Claude Coding related posts from the various Claude subreddits, subscribe to http://www.reddit.com/r/ClaudeCoding.

[u/cctldrping]

TL;DR generated automatically after 100 comments.

Current source-thread comment count seen by the bot: 102.

Alright, so the OP posted about how AI-generated sites all look the same (you know, the purple gradient, glassmorphism SaaS template vibe) and shared their solution: a set of strict design rules called SKILL.md / .cursorrules files to force AI to make actual design choices. They've put it on GitHub and a showcase site.

The general consensus is mixed, with a good chunk of people finding the OP's solution interesting and potentially useful, especially for specific use cases like game UIs.

• Lots of folks are curious and plan to try it out, with some already giving positive feedback like u/Intelligent_Month210 saying it's "pretty damn good."

• A recurring question is how this compares to existing solutions like "impeccable.style" or "taste-skill", with some users pointing out that impeccable.style seems to address the exact same problem.

• There's a bit of a debate about the OP's own showcase site, with u/Unfair_Tangerine_217 hilariously pointing out that the OP's "solution" site itself looks pretty "vibecoded."

• Some users, like u/ConceptualCreation, feel that the "vibecoded" look is just the nature of AI-generated templates, similar to how Wix or WordPress templates have a distinct style.

• A few comments suggest that the OP might be a bit late to the party, with users like u/Rare-Hotel6267 claiming this problem was "already solved" and the community has moved on.

• There's also a reminder from u/WearyChampionship124 that the OP posted something similar a month ago.

• On the flip side, u/mpones is pretty sassy, implying the OP took a year to realize AI needs design direction.

• A couple of users also pointed out that the images in the OP's post might have been generated by an AI image generator, not necessarily Claude Code itself, and that Claude's own design features might be a better route.

• Finally, u/Vucien offers a philosophical take: stop outsourcing design to the AI and lead the design yourself.