MCP server · for coding agents
Your agent builds the site.
We make it unforgettable.
AI-built sites all look the same. Standout plugs into Claude Code, Codex or any MCP client and hands your agent real art direction: curated palettes, type systems, layout DNA, critiques with exact fixes and production-ready motion.
25 free calls · no signup · works with every MCP client
❯ make the dive shop site stand out
⏺ standout · get_design_direction
Direction: Coastal Film
— warm 35mm nostalgia, paper #FAF6EF
— Fraunces 600 display / Work Sans body
— asymmetric 55/45 hero, photo fade-left
— terracotta #C96F4A CTAs only
— grain overlay, staggered entrances
+ hero copy · anti-patterns · 4 motion recipes
✓ building hero with Coastal Film…
01 · the problem
Same business. Same agent. One has taste.
Drag the line. Both sides are live, 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.
These aren't screenshots. Both panes render the actual coded pages. Open the right side full-size ↗
02 · the direction library
12 directions. Zero templates.
Every direction below is rendered in its real typeface and palette. Each one is a complete visual system: layout DNA, component treatments, imagery rules and matched motion. New packs ship monthly to Pro keys.
12 live · more monthly
Every card above is a live, fully coded page. Click any one to open it full-size. That's the output quality your agent gets.
03 · what your agent gets
Five tools, called mid-build
get_design_direction
A complete art direction, not vibes
Exact hex palettes with usage roles, display/body type pairings, layout DNA, hero specs, component treatments, imagery rules and an anti-pattern list, matched to the business and tailored to the brief. 12 hand-curated direction packs and growing monthly.
critique_design
Brutal critiques
Automatic slop detection plus a prioritized fix list with exact values. 37 rules from auditing real production sites.
get_hero_concept
Heroes that sell
Headline and subline copy without the cliches, CTA labels, and the exact background treatment with ambient motion CSS.
get_motion_recipes
28 motion recipes
Staggered entrances, scroll reveals, marquees, spotlight borders, grain, parallax. Plain CSS and vanilla JS, transform-only, reduced-motion safe.
get_asset_pack
Paste-ready CSS
Custom properties, button/card/nav treatments, textures and the Google Fonts import for any direction.
04 · setup
30 seconds to taste
Two steps: get a key, point your agent at it. No SDK, no build step, nothing to maintain.
1 ·Get your key
Free trial, instant, no signup. Your key appears right here with install commands pre-filled.
2 ·Connect your agent
One copy-paste command, or add it manually through your client's connector settings. Both paths below for every major agent.
One command
claude mcp add --transport http standout https://standout-mcp.vercel.app/api/mcp --header "Authorization: Bearer YOUR_KEY"
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://standout-mcp.vercel.app/api/mcp",
"headers": { "Authorization": "Bearer YOUR_KEY" }
}
}
}Checked into the repo? Use "Bearer ${STANDOUT_MCP_KEY}" and export the key instead.
Then open your agent and say: "Get a Standout design direction for my client's site." Watch the build change.
05 · pricing
Less than one billable hour
Trial
$0
25 calls · no card, no signup
- ✓Every tool, every direction pack
- ✓Install commands pre-filled with your key
- ✓Enough for one full client site
Pro
$19
per month · 2,000 calls · cancel anytime
- ✓Enough for 60+ client sites a month
- ✓New direction packs and recipes monthly
- ✓Unlimited projects and machines
- ✓Key delivered to your inbox instantly
Payments by Paddle (merchant of record). Prices in USD. VAT handled automatically.
06 · questions
Quick answers
How does it actually work?+
Standout is a remote MCP server. You add one entry to your MCP config with your key, and your coding agent (Claude Code, Codex, Cursor, anything MCP) gains five tools it calls while building: design directions, critiques, hero concepts, asset packs and motion recipes. The taste system lives on our server and is updated monthly.
What makes this different from just prompting better?+
Prompts give generic-average design because models regress to the mean. Standout serves hand-curated direction packs (exact palettes, type pairings, layout DNA, anti-pattern lists) plus a rule engine distilled from auditing real production sites. Your agent stops inventing taste and starts applying a system.
Which agents and stacks does it support?+
Any MCP client: Claude Code, Codex CLI, Cursor, Windsurf, Cline, claude.ai connectors and the rest. Output is framework-agnostic: plain CSS and vanilla JS recipes plus Tailwind-friendly guidance, so it works whether the agent is writing Next.js, plain HTML, Astro or anything else.
What does the trial include?+
25 tool calls, every tool, every direction pack, no signup, no card. Enough to take one real client site from default to distinctive and decide for yourself.
Can I cancel anytime?+
Yes. Payments run through Paddle (merchant of record). Cancel from your receipt email in two clicks; your key works until the period ends.