Design Prover Connector for AI agents.

It forces your AI agent to think like a designer. Instead of just giving you a generic template, it requires the agent to prove it is making intentional choices about layout, typography, and color before it writes any code.

Yes. It specifically identifies and rejects the 'AI skeleton' of three cards in a row and standard blue buttons, forcing the agent to create unique, asymmetric, and high-contrast layouts.

Yes, it works with any MCP-compatible client like Claude, Cursor, or Windsurf. You can use it to ensure your agent follows professional design standards regardless of which capability you prefer.

It mandates specific scale ratios, like a 3:1 or 5:1 difference between headlines and body text. This ensures your site has a clear reading path and dramatic visual hierarchy.

Because the agent defaults to the safest, most common pattern in its training data. Design Prover catches this default and forces the agent to describe a different spatial relationship for every section.

Absolutely. It requires the agent to justify specific hex codes and the mood they create together, moving you away from the 'startup kit' colors toward a unique brand personality.

No. Design Prover generates zero code. It forces the agent to make five concrete DESIGN DECISIONS. hierarchy, layout, whitespace, typography, color. before writing a single line of HTML. The decisions then guide the code. The capability catches AI patterns (card grids, uniform spacing, safe palette) and rejects until the design is intentional.

Three cards in a row is the #1 fingerprint of AI-generated design. It's the default every model reaches for because it's safe and symmetrical. Professional design uses spatial tension: asymmetric columns where one is 2x wider, elements that overlap or break containers, full-bleed images next to narrow text columns, alternating between dense data sections and generous white space. Card grids are assembly, not design.

If your body text is 16px, your focal element should be at least 48px (3x) to create real visual dominance. AI agents typically use 32px headlines with 16px body. a 2:1 ratio that creates no drama. Professional design uses 5:1+ ratios: 72px display headlines, 120px metrics, oversized imagery. The bigger the ratio, the clearer the reading path.