Why Do AI-Built Websites All Look the Same? — Impeccable Taught Design Taste

Ever noticed that when you ask AI to build a website, the results always look the same? Same fonts, same purple gradients, same card layouts. This isn't a coincidence. It's because every AI learned from the same design templates. The open-source project Impeccable tackled this problem head-on, gaining 6,000 GitHub stars in a single week to surpass 10,000 total.

Why Do AI-Built Websites All Look the Same?

When you ask an AI coding tool (Claude Code, Cursor, etc.) to "make a login page," there's a high chance you'll get Inter font, purple gradients, and rounded-corner cards. ChatGPT, Claude, Gemini — it doesn't matter which model you use.

The reason is simple. Every AI learned from the same design templates on the internet. Tailwind CSS official examples, SaaS landing pages, Bootstrap templates — they keep reproducing these "safe" designs. As Impeccable creator Paul Bakaus puts it, "Every AI learned from the same generic templates."

How Impeccable Solves This

Impeccable teaches AI both "don't design like this" and "design like this" at the same time. It consists of three key components.

1. Seven Design Reference Guides

They cover design principles across 7 areas: typography (font selection, sizing, spacing), color theory (contrast, harmony, accessibility), spatial design (margins, alignment), motion (animation principles), interaction patterns, responsive design, and UX writing. The AI reads these guides to make design decisions.

2. Twenty Design Commands

These are the instructions you give the AI:

3. The 'Don't Do This' List — Anti-Patterns

It explicitly prohibits common design mistakes AI tends to make:

• No overuse of Inter font (use diverse fonts instead)
• No gray text on colored backgrounds (readability issues)
• No cards inside cards (excessive nesting)
• No outdated easing functions

Installation

Installation varies by AI tool. Here's how it works with Claude Code:

# Download from impeccable.style or
# clone directly from GitHub
git clone https://github.com/pbakaus/impeccable.git

# Install in Claude Code's skills folder
# Then use commands like /audit, /polish in your conversations

It also works with Cursor, Gemini CLI, VS Code Copilot, Kiro, OpenCode, Antigravity (Gemini), and Pi. Detailed installation instructions are available on the official website.

Who Should Use It?

It's most useful for non-developers building websites through vibe coding. When you tell AI to "build me a website," you typically get a generic design — but with Impeccable installed, you get polished designs from the start.

Frontend developers can use the /audit command to quickly identify design issues in existing projects. Designers can configure it so that AI follows their design system principles when handing off to developers.

Creator Paul Bakaus, formerly of Google's Developer Experience team, released it for free under the Apache 2.0 license on GitHub. With 387 forks and 10 contributors, it's being actively improved.

Related Content — Get Started with AI the Easy Way | Free Learning Guide | More AI News