Categories › Software Development › Frontend, UI components & design-to-code
Anti-slop design taste for AI coding agents: art directions, section code, 0-100 page critic.
Remote server: your requests and data go to standoutmcp.io. Claude Code: claude mcp add --transport http standout https://standoutmcp.io/api/mcp · Claude app: Settings → Connectors → Add custom connector.
The tools this server listed when we connected to it, in its own words.
get_design_direction — Get a complete, distinctive, reference-backed art direction for a website: palette with exact hex roles, type pairing, layout DNA, hero speclist_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 isget_app_theme — Get a LOCKED design-token system for application UI (dashboards, admin panels, SaaS tools): every color role contrast-checked, exactly two rget_component_code — Get FINISHED application-UI components (React + Tailwind, zero dependencies) written against a Standout app theme's semantic tokens: app shecritique_ui — Deterministic critique for APPLICATION UI (dashboards, admin panels, SaaS views): runs the app-UI slop rulebook against React/JSX/HTML sourccritique_design — Brutal, specific design critique of an existing page: automatic AI-slop detection (banned gradients, centered-hero defaults, h-screen bugs, polish_and_prove — THE PRIMARY STANDOUT WORKFLOW. Use this when a user wants an AI-built website made client-ready without choosing individual design tools. Fimake_it_standout — Detailed transformation plan for power users. For the complete inspect, fix, rerender, and client-proof workflow, prefer polish_and_prove. Tclient_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 fixget_section_code — Finished, art-directed HTML/CSS page sections for a design direction: nav, hero, offer, image band, story, and footer — composed by a designget_hero_concept — Get a complete hero section concept: headline + subline copy (no marketing cliches), CTA labels, exact background treatment, and copy-paste get_asset_pack — Ready-to-paste CSS for a direction: custom properties (palette + fonts), button/card/nav treatments, grain texture, Google Fonts import, andget_showpiece — The tier ABOVE the design directions: finished showpiece skeletons for scene-led, art-directed pages - world hero with environment bleed, VIget_motion_recipes — Production-ready motion for any stack: CSS/vanilla-JS recipes (staggered entrances, scroll reveals, marquees, grain, parallax) PLUS finishedget_premium_components — Standout-original premium primitives: luxury hero backgrounds, Framer-style dials/gauges, shader/glass cards, soft section transitions, prooassemble_premium_page — Assemble a coherent premium build kit from Standout-original primitives: type scale, spacing rhythm, hero background, card/surface, dial or search_references — Search Standout's curated reference library: real public-product style, screen, and component patterns with source URLs, color roles, layoutget_reference — Get the full structured payload for one reference: source URL, categories, tags, colors, typography, layout pattern, component rules, imagerget_similar_references — Find references similar to a known reference by shared tags, categories, use cases, and StandOut direction ids. Use after finding one strongsearch_flows — Search reference-backed user journeys such as API key onboarding, pricing selection, hospitality booking, marketplace search, quickstart actget_flow — Get the full step-by-step payload for one user journey: problem, steps, user actions, system responses, related direction ids, and agent impsynthesize_direction_from_references — Turn a business brief plus optional reference ids into a reference-backed build direction. Returns the chosen StandOut direction, matching pbuild_from_reference — Reference-first build — 'show me what you like, I'll build it.' Give a reference you LIKE (a public site URL via reference_url, and/or a curbuild_from_reference_v2 — Reference Intelligence Layer — build from a site you like without cloning it. Pass a public reference_url plus what YOU are building and optcritique_similarity — Originality guardrail — compare a built page/source/description against a reference site and flag shared recognizable fingerprints. Use afteget_free_trial_key — Self-provision a free Standout trial key (25 calls, no signup) without leaving the conversation. Call this when no license key is configuredunlock_bonus_calls — Unlock 10 bonus calls on this trial key, one time only, in exchange for the user's email address. Call this when the trial limit is reached watch_site — Watch a live site's design score (Pro). Standout re-audits the URL about once a day and emails an alert when the design regresses: a drop ofunwatch_site — Stop watching a site's design score. Pass the same URL that was given to watch_site. Unmetered.list_watches — List this license's active site watches with their last known scores and check times. Unmetered.Not tested by KitScout yet. When our harness runs it, pros, cons and the tasks we tried appear here, with the date and evidence.