Read the intent, pulse what is current, route to the aesthetic that fits, and ship UI that passes a gate, not a vibe check.
intent-routed modes
aesthetic families
slop detectors
deterministic gates
$ node anti-slop-gate.mjs hero.html== ANTI-SLOP GATE: FAIL ==hero.html:7 [ai-purple] lock a deliberate accenthero.html:7 [inter-default] avoid Inter as defaulthero.html:9 [filler-verb] rewrite the filler verbhero.html:9 [em-dash] use hyphen or colon # fix the design, re-run== ANTI-SLOP GATE: PASS == (1 file(s))
What the gate greps for
No single house style. The intent decides the mode, the medium, and the aesthetic family.
Landing, app, screen. Brief to elegant build through the full design loop.
Audit first, preserve brand and SEO, then recompose.
Color, type, spacing, radius, light and dark.
Run the detectors on code or a URL, get findings.
Two to four real options, commit to none.
A fallback chain from generation to real SVG to a flagged placeholder. Never a faked screenshot.
design-brief, trend-pulse, claims, contrast-pairs. No vault, no gate.
Author independence: the build never grades its own work.
Kind, audience, brand, constraints. Stated in one line.
Live search, dated snapshot fallback. Only trends that serve the brief.
Three dials, one system or family, the medium.
To the visual authority, with real assets and computed contrast.
Independent. Runs the detectors, logs every violation.
Fix, re-run the gate until green, report with output.
The predictable AI tells are grep-able. The script computes the verdict so a silent slop pattern cannot pass.
Proof: the terminal on the right is this page's own pre-flight run. The 25-pair contrast table is trimmed to its verdict lines.
$ bash preflight-gate.sh .superdesign/landing docs/index.html -- anti-slop-gate -- == ANTI-SLOP GATE: PASS == (1 file(s)) -- contrast-gate -- element fg bg ratio need muted text, worst-case #aaa8a1 #352e1e 5.65 4.5 ok CTA label on accent #0e0f11 #e9b949 10.50 4.5 ok ... 23 more pairs, all ok ... == CONTRAST GATE PASS == == PREFLIGHT PASS ==
git clone https://github.com/cskwork/superdesign-skill ~/skills/superdesign-skill
ln -s ~/skills/superdesign-skill ~/.claude/skills/superdesign
# then, in Claude Code
/superdesign a calm landing page for a developer-tools startup