Design

standoutmcp.io

Generates art direction, design tokens, and component code for web application UIs.

1 endpoint30 known toolsFirst detected July 25, 2026Last detected July 25, 2026

ENDPOINT 1

https://standoutmcp.io/api/mcp

No auth detected

MCP server metadata

Name: standout
Version: 1.1.0

Capabilities

tools.listChanged

Server instructions

Standout is the final design polish and proof layer for AI-built websites. START with polish_and_prove whenever the user asks to build, redesign, restyle, improve, or critique a website or web UI. Pass the live URL when one exists, otherwise pass source or a business brief. Follow the returned execution contract: apply the fixes in the real repository, preserve facts and working behavior, verify 390px and 1440px, then call polish_and_prove again with the improved URL or source. Do not report the work complete before the second call produces the final gate and client proof. Use specialist tools such as build_from_reference_v2, assemble_premium_page, get_premium_components, get_section_code, and critique_similarity only when the contract or user brief needs them. Treat category, output-quality, asset, originality, reduced-motion, and publish gates as blocking requirements. NO KEY? If a tool returns a license error because no key is configured, call get_free_trial_key once to self-provision a free 25-call trial key, show it to the user, and reconnect with it.

Known tools 30

get_design_direction

Get a complete, distinctive, reference-backed art direction for a website: palette with exact hex roles, type pairing, layout DNA, hero spec, component treatments, imagery rules, matched motion recipes, and public-product reference evidence.

Inferred read-only

list_directions

Browse the full 'pick a vibe' menu: all 14 named art directions (9 light-base, 5 dark-base) with their taglines, vibe tags, and what each is best for.

Inferred read-only

get_app_theme

Get a LOCKED design-token system for application UI (dashboards, admin panels, SaaS tools): every color role contrast-checked, exactly two radii, a five-step type scale, spacing, elevation and motion tokens, plus a Tailwind v4 semantic mapping, the theme's usage law, and the app-UI slop rulebook.

Inferred read-only

get_component_code

Get FINISHED application-UI components (React + Tailwind, zero dependencies) written against a Standout app theme's semantic tokens: app shell with sidebar/topbar, stat row with mono tabular metrics, data table with layout-matched loading skeletons + instructive empty state + inline retryable error, and a settings form with inline validation, sticky save bar and a two-step danger zone.

Potential side effects

critique_ui

Deterministic critique for APPLICATION UI (dashboards, admin panels, SaaS views): runs the app-UI slop rulebook against React/JSX/HTML source (radius chaos, card-in-card, gray-on-gray text, raw palette classes, missing empty/loading/error states, clickable divs, killed focus rings) and, when a Standout app theme is installed, a theme-conformance pass (foreign colors, missing semantic token classes).

Inferred read-only

critique_design

Brutal, specific design critique of an existing page: automatic AI-slop detection (banned gradients, centered-hero defaults, h-screen bugs, cliche copy) plus a prioritized fix list with exact values.

Inferred read-only

polish_and_prove

THE PRIMARY STANDOUT WORKFLOW.

Inferred read-only

make_it_standout

Detailed transformation plan for power users.

Inferred read-only

client_report

Generate a CLIENT-READY design audit report for an agency to send to its client: a Standout Score, what's holding the page back, what to fix and why it matters, a client-safe summary, and the page screenshots — all in plain language with NO internal jargon.

Potential side effects

get_section_code

Finished, art-directed HTML/CSS page sections for a design direction: nav, hero, offer, image band, story, and footer — composed by a designer, seeded to this business (accent + expression already applied).

Inferred read-only

get_hero_concept

Get a complete hero section concept: headline + subline copy (no marketing cliches), CTA labels, exact background treatment, and copy-paste ambient motion CSS matched to the design direction.

Inferred read-only

get_asset_pack

Ready-to-paste CSS for a direction: custom properties (palette + fonts), button/card/nav treatments, grain texture, Google Fonts import, and the matched motion recipe list.

Inferred read-only

get_showpiece

The tier ABOVE the design directions: finished showpiece skeletons for scene-led, art-directed pages - world hero with environment bleed, VIDEO world hero (looping cinematic clip + liquid-glass chrome + word-by-word blur reveals), type-scene interlock (mega type behind a cutout subject), monochrome flood, scene-pinned glass annotations, ghost mega-type band - each with the scene/video-generation prompts that make the world bespoke to THIS business, contrast scrims, mobile behavior and reduced-motion built in.

Inferred read-only

get_motion_recipes

Production-ready motion for any stack: CSS/vanilla-JS recipes (staggered entrances, scroll reveals, marquees, grain, parallax) PLUS finished shader-grade ambient pieces - WebGL gradient mesh, image ripple displacement, live halftone, velocity-reactive type rail, scroll-scrubbed zoom portal - palette-keyed to Standout directions.

Inferred read-only

get_premium_components

Standout-original premium primitives: luxury hero backgrounds, Framer-style dials/gauges, shader/glass cards, soft section transitions, proof rails, pricing plates, and headline motion.

Inferred read-only

assemble_premium_page

Assemble a coherent premium build kit from Standout-original primitives: type scale, spacing rhythm, hero background, card/surface, dial or metric, section transition, text motion, and proof/pricing.

Inferred read-only

search_references

Search Standout's curated reference library: real public-product style, screen, and component patterns with source URLs, color roles, layout notes, component rules, do/don't constraints, and agent implementation notes.

Inferred read-only

get_reference

Get the full structured payload for one reference: source URL, categories, tags, colors, typography, layout pattern, component rules, imagery, motion, do/don't constraints, and agent implementation notes.

Inferred read-only

get_similar_references

Find references similar to a known reference by shared tags, categories, use cases, and StandOut direction ids.

Inferred read-only

search_flows

Search reference-backed user journeys such as API key onboarding, pricing selection, hospitality booking, marketplace search, quickstart activation, and portfolio inquiry.

Inferred read-only

get_flow

Get the full step-by-step payload for one user journey: problem, steps, user actions, system responses, related direction ids, and agent implementation notes.

Inferred read-only

synthesize_direction_from_references

Turn a business brief plus optional reference ids into a reference-backed build direction.

Inferred read-only

build_from_reference

Reference-first build — 'show me what you like, I'll build it.

Inferred read-only

build_from_reference_v2

Reference Intelligence Layer — build from a site you like without cloning it.

Inferred read-only

critique_similarity

Originality guardrail — compare a built page/source/description against a reference site and flag shared recognizable fingerprints.

Inferred read-only

get_free_trial_key

Self-provision a free Standout trial key (25 calls, no signup) without leaving the conversation.

Inferred read-only

unlock_bonus_calls

Unlock 10 bonus calls on this trial key, one time only, in exchange for the user's email address.

Potential side effects

watch_site

Watch a live site's design score (Pro).

Inferred read-only

unwatch_site

Stop watching a site's design score.

Inferred read-only

list_watches

List this license's active site watches with their last known scores and check times.

Inferred read-only

CONNECT WITH APPROVAL

Client installation

Review this server and its permissions before adding it. Secret placeholders must be set locally.

Codex

~/.codex/config.toml

[mcp_servers.standout]
url = "https://standoutmcp.io/api/mcp"
enabled = true

Claude Code

.mcp.json

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

Claude Desktop

Settings → Connectors → Add custom connector

Name: standout
Remote MCP URL: https://standoutmcp.io/api/mcp

Add this remote URL as a custom connector in Claude Desktop. Availability depends on the user plan and workspace policy.

Cursor

.cursor/mcp.json

{
  "mcpServers": {
    "standout": {
      "url": "https://standoutmcp.io/api/mcp"
    }
  }
}

Visual Studio Code

.vscode/mcp.json

Add to Visual Studio Code

{
  "servers": {
    "standout": {
      "type": "http",
      "url": "https://standoutmcp.io/api/mcp"
    }
  }
}

Generic MCP

Client-specific MCP configuration

{
  "name": "standout",
  "transport": "streamable-http",
  "url": "https://standoutmcp.io/api/mcp"
}

MCP Inspector

Run the official MCP Inspector locally and enter the indexed Streamable HTTP endpoint.

TRUST AND VERIFICATION EVIDENCE

Loading Trust v2 evidence…

Checking the associated registrable domain. The BuiltWith key remains server-side.

Indexed

Evidence is source-attributed and does not guarantee that a third-party server is safe. Risk labels are conservative metadata heuristics.