What counts as an "AI look"?

The default patterns AI site builders and coding agents keep producing: purple-blue gradients, Inter at every size, a centered hero with three emoji cards, glassmorphism, abstract blobs, fake dashboards, and copy like "unlock" and "seamless". The skill checks 30 of them, each with a severity and a fix.

Does it redesign my site for me?

It gives you a verdict, a fix list, one chosen direction, design tokens (CSS variables and Tailwind) and rules for your coding agent. If your agent can edit the code, it can apply them directly; then re-run the gate to see the before/after score.

Which tools does it work with?

Anything that produces a website or app UI: v0, Lovable, Bolt, Framer AI, Webflow, Cursor, Claude Code, or hand-written HTML/CSS/React. Give it a URL your agent can read, screenshots, or the code.

Will it make my site look like another brand?

No. Directions are styles (Editorial, Swiss/Grid, Clinical Calm and others), not copies of any company's design. It doesn't reproduce real brands' looks or use their logos.

Does it check accessibility?

Yes, the basics: WCAG AA color contrast (with an included checker script), visible focus states, tap targets, mobile layout and heading structure. A design can't pass with an AA contrast failure. It isn't a full accessibility audit.

What about my existing brand colors and logo?

Tell it what must stay. It builds the direction and tokens around your brand assets and flags any brand color that fails contrast, suggesting the closest accessible shade for text use.

Make AI-Built Sites Look Designed

Example session with this skill installed

Here's the landing page our AI site builder made for our bookkeeping app (code attached). It looks like every other AI site. Audit it and give the agent a better direction.

Read your context and instructions
Compiled the make ai-built sites

VERDICT: REVISE (Generic Score 13: 3 High, 1 Med, 2 Low)

1. Tell audit

Tell	Where	Sev	Fix
Purple→blue gradient background	Hero	H	Off-white paper background; one 2px accent rule under the headline
Centered hero + 3 emoji feature cards	Hero, Features	H	Left-aligned hero with a real invoice screenshot; 2-column "before/after month-end" proof
"Unlock seamless finance" headline	Hero	H	Say what it does and for whom (rewrites below)
Same rounded-2xl card and shadow everywhere	All sections	M	Borders instead of shadows; 8px radius; vary section layouts
Gradient text on the stats	Stats bar	L	Solid ink color
"✨ New" badge pills	Nav, pricing	L	Remove

2. Basics

FAIL: muted text #9CA3AF on white is 2.5:1 (needs 4.5:1). Fixed in the tokens below.
Focus states are missing on the buttons. Add a 2px accent outline.
"Trusted by 10,000+ businesses" and 6 logos look like placeholders. Remove unless real.

3. Category stance

Finance tools need trust, so fit the category: calm, legible, no gimmicks.

4. Direction

Clinical Calm (recommended): trustworthy, quiet, accessible
Editorial: authoritative, good for a content-led brand
Swiss/Grid: precise, but colder for small-business owners

5. Tokens (excerpt)

--color-bg: #F6F7F5;  --color-text: #1D2A2E;  --color-muted: #55636A;
--color-accent: #1F6F5C;  --color-border: #E3E7E4;
--font-display: "Source Serif 4", Georgia, serif;
--font-body: "Source Sans 3", system-ui, sans-serif;
--radius-md: 8px;  --shadow-1: none;

Pair	Ratio	Result
text on bg	13.7:1	AAA
muted on bg	5.8:1	AA
accent on bg	5.6:1	AA
white on accent	6.0:1	AA

6. Rules for the coding agent

Line icons at 1.5px stroke, never emoji
Max 2 font weights (400, 650)
Show the real product (invoice, bank sync) in place of mockup blobs
No gradients, glassmorphism or 3D orbs
No placeholder logos, testimonials or user counts

7. Hero copy

A: "Bookkeeping that's done before you are." / "Bank feeds categorized automatically, receipts matched, month-end in an afternoon." / CTA: "Connect your bank: free for 14 days"
B: "Close your books in an afternoon." / "For small businesses that would rather run the business." / CTA: "See a sample month-end"

Connects securely to your tools. The creator never sees your data.

About this skill

Sites built by AI agents tend to look the same: a purple-to-blue gradient hero, a centered headline, three rounded cards with emoji icons, Inter at every size, and copy like "Unlock the power of…". Visitors recognize the template instantly, and it reads as low-effort.

This skill is a gate for that problem. It audits what you built, tells you exactly what makes it look generic, and gives your agent a direction and rules so the next build doesn't drift back to the defaults.

What it does

Tell audit: 30 specific AI-look tells across color, type, layout, components, imagery and copy. Each is rated High/Med/Low with a concrete fix, and they roll up into a Generic Score and a SHIP / REVISE / REDESIGN verdict.
Basics check: WCAG AA contrast, focus states, tap targets, mobile at 375px, one clear H1, and no lorem ipsum or invented logos and testimonials. Any failure is High.
Category stance: whether to fit your category (trust-critical: health, legal, finance) or break it (crowded consumer categories).
One direction, committed: three options from eight styles (Editorial, Swiss/Grid, Warm Craft, Clinical Calm, Brutalist, Dark Precision, Playful Bold, Luxury Minimal), with a recommendation tied to your audience.
Drop-in design tokens: CSS custom properties plus a Tailwind snippet, free-licensed font pairings, and a contrast table from the included checker script.
Rules for your coding agent: 8–12 Do/Don't lines plus section-by-section fixes.
Copy de-slop: removes "elevate / seamless / unlock" filler and gives two rewrites each of headline, subhead and CTA.

Works with

Anything an AI built: v0, Lovable, Bolt, Framer AI, Cursor, Claude Code. Give it a URL, screenshots or the code.

Guardrails

It doesn't clone real brands, recommends free-licensed fonts only, adds no fake social proof, and won't pass a design that fails AA contrast. Directions are presented as options with reasons, because taste is subjective.

How to use

Skills on Agensi run inside your AI agent. Copy the prompt, paste it into your agent, and it connects to Agensi and installs this skill for you. If a payment is needed, your agent shows it to you first.

Reviews

No reviews yet

Be one of the first to try it. Every listed skill passes our trust checks below.

Security scanned

Passed our 8-point scan before listing

Fresh listing

Recently published to Agensi

30-day refund

Not a fit? Get your money back

Make AI-Built Sites Look Designed