AI Design Check

Does your AI-built app look vibe-coded?

A quick first-pass read for one AI-built screen or page that feels generic, untrustworthy, or unfinished. It turns the concern into a sharper critique brief and one concrete next move.

Start the check Read the diagnostic

This is a visible-design self-check, not a verdict on the product. It will not know your users, constraints, roadmap, or code quality.

Before and after comparison of a generic AI dashboard improved with a design pass

Defaults

Type, color, cards

Signal

Lane, proof, action

Usage

States, density, copy

Start with the real question

The check should answer the thing you would actually ask a designer.

Your question

Main worry

This sets the frame for the first-pass read.

Pick one

What is this?

Who needs to trust it?

Mark the visible clues

Optional evidence for the result. Leave anything alone if you are not sure.

Surface defaults

TypeDefault typographyThe type is readable, but the scale, weight, and personality could belong to any product.ColorGeneric gradient polishBlue-purple gradients, soft glows, or glass panels are carrying the identity.CardsCard soupEvery idea is inside an equal rounded card with the same padding, icon, and shadow.

Product signal

HierarchyWeak hierarchyThe headline, stats, body copy, and primary action all compete for attention.LaneUnclear product laneThe first screen could belong to almost any AI productivity, dashboard, or SaaS app.ProofProof-free polishThe page makes confident claims without examples, output, constraints, metrics, or real scenarios.

Real-use gaps

StatesMissing statesThe happy path looks finished, but loading, empty, error, disabled, and long-content states are absent.DensityMismatched densityA serious work tool uses landing-page spacing, or a lightweight app uses dense enterprise controls.CopyVague AI copyThe interface uses broad phrases like unlock insights, boost productivity, or transform workflows.

Brief the next pass

Copy this into the tool or send it with the artifact.

Review this not sure / mixed artifact and answer this question: "My site looks too vibe-coded. How can I make it look less AI?" Check whether the artifact feels too AI, too generic, or not intentionally designed. Make the primary action and first decision visually obvious while reducing secondary emphasis. Reduce unnecessary cards and create a clearer layout hierarchy with fewer equal containers. Replace generic gradient styling with a restrained color system for actions, status, and emphasis. Give one concrete next move first: what reads wrong, why it reads that way, and what to change before adding more polish.