← Reddit

I got tired of Claude Code building me the same generic site every time, so I gave it design taste (MCP + a critique loop)

Reddit · Purple_Lab5333 · June 16, 2026
A developer teaching an AI crew in Fiji found that Claude Code repetitively generated sites with identical generic designs featuring purple gradients, centered heroes, and emoji cards. To counteract this design convergence, they developed an MCP server that supplies explicit art direction constraints and a critique loop that evaluates rendered pages against specific rules to identify and address common AI-generated design tells. The tool offers a free trial with 25 calls and demonstrates how targeted critique can redirect generic patterns toward more distinctive site designs.

Detailed Analysis

A developer and AI educator based in Fiji has identified and addressed one of the more persistent practical limitations of using Claude Code for client web development: the tendency toward aesthetic convergence. Working daily with Claude Code to build client websites, the author observed a recurring pattern in which the model defaulted to what they describe as a recognizable cluster of visual choices — purple gradients, centered hero sections, three-card emoji layouts, and the Inter typeface. The author correctly attributes this not to a flaw in Claude itself but to a statistical property of large language model training: without explicit directional constraints, the model gravitates toward the mean aesthetic representation in its training data, effectively producing the modal website rather than a distinctive one.

To counter this, the author developed a two-part intervention packaged as an MCP (Model Context Protocol) server called StandoutMCP. The first component addresses the upstream problem by supplying Claude Code with structured art direction before any code is generated — not vague qualitative descriptors like "modern," but precise specifications covering color palette roles, typographic pairings, layout logic, spatial density, and motion behavior. The second component closes what the author identifies as a critical feedback gap in one-shot generation: the model cannot evaluate what it has actually rendered. The MCP server addresses this by screenshotting the live page on both mobile and desktop viewports, checking the output against a defined set of "slop rules" targeting the most recognizable AI-generated design tells, and returning a prioritized remediation list to Claude Code mid-build. The tool is available with a 25-call free trial covering approximately one full site.

The problem being solved here reflects a broader structural challenge in AI-assisted creative work. Generative models are optimized for coherence and plausibility, which in the domain of visual design translates into statistical centrality rather than distinctiveness. The author's solution is essentially a constraint-injection and evaluation loop — a recognition that LLMs operating in creative domains require both upstream specification and downstream perceptual feedback that the model itself cannot provide natively. The MCP architecture is well-suited to this because it allows external tooling to be invoked within the model's own workflow, rather than requiring a separate human review step outside the generation loop.

This approach connects to a wider trend in agentic AI development: the shift from single-pass generation toward iterative, tool-augmented loops with embedded quality checks. Claude Code's MCP support enables third-party developers to inject domain expertise — in this case, aesthetic judgment and rendered-output evaluation — directly into the agent's execution context. The broader implication is that LLMs operating as coding or design agents are increasingly being scaffolded with external critique systems that compensate for the model's inability to perceive its own outputs in their final rendered form. The author's "slop rules" concept — a codified list of detectable AI design signatures — represents an emerging category of artifact: machine-readable aesthetic standards developed specifically to identify and correct for model-generated mediocrity.

The post also surfaces a meaningful community research question: what visual or structural cues most reliably signal to human observers that a website was AI-generated? The author is actively soliciting these signals to expand their rule set, which suggests that the definition of "AI-built" aesthetic tells is still being empirically mapped. This is a consequential applied problem. As AI-generated web content proliferates, the legibility of machine-generated design becomes commercially relevant — clients and end users increasingly associate certain visual patterns with low-effort or templated production, and developers using AI tooling face reputational risk if their outputs are immediately identifiable as such. Tools like StandoutMCP represent an early market response to that pressure.

Read original article →