Standout

New build_from_reference: paste a site you like

Your agent builds it,we make it unforgettable

One config line gives your agent real design taste: art directions, finished section code, and a critique that sees the page.

Run a free audit →See how it works

14 directions Section code Live critique

Real agent-built demos · drag to browse · open them live

Plugs into every MCP client

Claude CodeCursorChatGPTCodexWindsurfPayMeGPT

How the audit works

From generic to client-ready.

01

Paste any public URL

02

Get a Standout Score out of 100

03

See exactly what reads as AI-built

04

Get the fixes: patches plus a paste-in prompt

05

Your agent applies them through the MCP

Run a free audit →

critique_design · standoutmcp.ioREADY TO REVIEW

99/100

Standout Score

Visual quality95

Accessibility100

AI-slop100

Conversion clarity100

This is our own homepage, scored by our own critic. It blocked us at 83 until we fixed everything it found. Score yours ↗

Death to thepurple gradientera.

Left pill: the default · right pill: the same brief, one Standout call

The problem

Same business. Same agent. One has taste.

Drag the line. Both sides are real, fully coded pages. Left is what every AI builder ships by default: the purple gradient, the centered hero, the three cards. Right is the same brief after one Standout call.

default AIStandout

Default AI

Standout

Both sides are real, fully coded pages from the same brief. Open the right side full-size ↗

What your agent gets

Tools it calls mid-build.

get_section_code

Finished section code, not advice

Real, art-directed HTML/CSS for every section across all 14 directions. The agent swaps the content; it can’t vibe-code a layout it didn’t write - the difference between a $500 site and a $10k one.

AI-built, now client-ready

Stop shipping generic pages.

<a class="btn"> Run free audit

▌

critique_design

A critic that can see

Live phone + desktop screenshots, real WCAG contrast and mobile math. Backed by 73 rules.

0 kill · 0 fix · 7.1:1

get_design_direction

Direction + Creative Spine

A full art system plus the one signature move: palette, type, layout DNA, anti-patterns.

build_from_reference

Show it what you like, it builds it

Drop a URL of a site you like plus what you’re building. Standout reads the reference, matches a direction, and hands your agent a reference-backed plan and finished code.

a-site.com→

Read-only by design. Every tool just returns design content. Standout runs on our server and never touches your repo, environment, files or secrets.

The library

Fourteen directions. Zero templates.

Each is a complete visual system - palette, type, layout DNA, motion - seeded per business, so two businesses in the same industry never come out alike.

14 live · new packs monthly

Flagship demo · built with the tools alone

Brightside Exteriors: video hero, drag-to-compare proof, the works.

Open the live site ↗

Midnight Gallery

Dark editorial drama for portfolios, hotels, luxury.

↗

Blueprint Works

Field-grade trust for trades, contractors, industrial.

↗

Porcelain Atelier

Quiet luxury for beauty, wellness, ceremony.

↗

Neon Court

High-energy for gyms, sport, esports.

↗

Brutalist Ledger

High-contrast rigor for finance, legal, B2B.

↗

Nocturne

Quiet dark luxury for architecture, watches, audio.

↗

Browse all 14 directions →

The loop

One sentence in, a $10k-looking site out.

01

Say what you’re building

Standout senses the industry, audience and mood, then matches one of 14 directions, seeded per business.

02

It assembles finished code

Your agent gets real, art-directed section code: nav, hero, offer, gallery, story, footer. It only swaps the content.

03

Standout renders it, returns phone + desktop screenshots, and computes contrast and mobile fails to fix before you look.

Connect in 60 seconds

One config entry. That's the whole install.

Pick your agent, paste the entry, then swap YOUR_KEY for a free trial key. 25 calls, no card.

Claude CodeCodex CLICursorclaude.ai & DesktopChatGPTWindsurfClineAnything else

One command

claude mcp add --transport http standout https://standoutmcp.io/api/mcp --header "Authorization: Bearer YOUR_KEY"

Copy

Adds it to the current project. Append --scope user to enable it everywhere.

Or .mcp.json at your project root

{ "mcpServers": { "standout": { "type": "http", "url": "https://standoutmcp.io/api/mcp", "headers": { "Authorization": "Bearer YOUR_KEY" } } } }

Copy

Checked into the repo? Use "Bearer ${STANDOUT_MCP_KEY}" and export the key instead.

Then say this to your agent

Build from scratchCopy

Build me a complete website for my business with Standout: start with get_design_direction, follow the workflow it returns end to end, then deploy it and give me the live URL.

Redesign my siteCopy

Redesign mysite.com with Standout: pass my URL to get_design_direction, keep every real fact on the page, and rebuild it section by section.

Make it unforgettableCopy

Make my homepage unforgettable: ask Standout for a showpiece, generate the scene it prescribes, and build the hero around it.

Check it worked:ask your agent "what did Standout return?" A direction with a palette, sections, and a workflow means you're connected. An error mentioning a license key means the key wasn't swapped in.

Redesign mode

Paste an old site. Get a redesign.

Give Standout a client’s current URL. It reads the real content server-side - services, prices, hours, contacts - keeps every fact, and throws the old layout away. One sentence in, a $10k-looking redesign out.

• ✓ Extracts the content so nothing gets lost
• ✓ Drops the layout so it stops looking 2014
• ✓ Reuses real photos through the direction’s treatment

❯ redesign this and publish it:

oldsite.com

⏺ reads oldsite.com → content inventory

⏺ get_section_code → finished build

⏺ critique_design → live screenshots

✓ published in minutes

14

directions, each with finished section code

9s

to a published page via PayMeGPT

73

taste rules from real production sites

2

rendered views scored per critique

Questions

The honest answers.

How does it actually work?

It’s a remote MCP server. Add one entry to your config and your agent gains tools it calls while building: directions, finished section code, hero concepts, motion, and a critique that returns live screenshots.

Won’t 14 directions make every site look the same?

No. A direction is a system, not a template. Each is seeded per business and steered by your brief, so two in the same direction come out different. And build_from_reference goes beyond the packs entirely.

Is it safe? What can it access?

Read-only by design. Every tool just returns design content over HTTP. It never touches your repo, environment, files or secrets - there’s nothing on your machine for it to read or change.

What’s in the free trial?

25 tool calls, every tool, every direction pack. Free trial key, no card needed. Roughly one full client site end to end - enough to decide for yourself.

Can I cancel anytime?

Yes. Payments run through Paddle. Cancel from your receipt email in two clicks; your key works until the period ends.

Start free. Upgrade when it earns it.

Two plans, no signup forms. Every tool is unlocked on both.

Free trial

$0

25 tool calls · no card needed

• ✓Every tool: directions, section code, showpieces, motion, critique
• ✓Key issued instantly, works in any MCP client
• ✓The DESIGN.md library stays free forever

Get a free trial key

Pro

$19 /month

2,000 tool calls per month

• ✓Everything in the trial, at client-work volume
• ✓Per-business seeding, so two client sites never match
• ✓Cancel anytime through Paddle; the key works until the period ends

Get Pro · $19/month (loading…)

Not sure yet? Run a free audit on any URL and see your Standout Score first.

Feedback