DesignGate: agent-built pages that pass a design review before they merge
The problem
Coding agents now produce pages faster than designers can review them, and the pages all look alike: the same font, the same purple gradient, cards nested in cards, gray text on colored backgrounds. Worse, the problems hide under a polished surface: failed contrast ratios, tiny text, and vague copy that says nothing. Pixel-diff tools cannot help with first drafts because there is no baseline to diff against, and human review does not scale with agent output, so slop ships.
The idea
Why now
The pieces converged this week: Impeccable passed 90,000 stars and shipped bundled with the GitHub Copilot app, ai-design-skills topped GitHub Trending on October 28, and anti-slop skills are now a recognized category rather than a curiosity. Agent UI output is exploding while review capacity is flat, so a machine-checkable design bar is newly both possible and necessary.
What it combines
Three capabilities combine: Impeccable's deterministic detector rules that catch AI design tells without an LLM, ai-design-skills' brief-first workflow that pins down offer, audience, evidence and next step before styling, and Hallmark's anti-slop skill as an independent second opinion. The mix matters because design quality has two halves that existing tools split apart: intent (does this page say the right thing to the right person) and execution (does it commit the tells). A gate that checks both, on every pull request, is what turns agent output from plausible into shippable.
MVP
Weekend scope: a GitHub Action that renders changed pages on a pull request, runs the detector rules plus basic accessibility checks, and comments pass/fail with screenshots. Deliberately skipped: a hosted dashboard, auto-fix suggestions, multi-framework support (start with one stack), and the brief-intent check, which arrives second.
How it makes money
The moat
The structural reason pixel-diff incumbents will not ship this in a quarter is that it attacks their meter. Chromatic, Percy and Applitools bill per snapshot rendered in their cloud; a rule-based gate that judges first drafts needs no baseline, no cloud rendering farm and near-zero marginal cost, and it is open-core. Copying it means selling a product that undercuts their own snapshot revenue, and their architecture, built around DOM upload and cloud re-rendering, does not collect the rule corpus or agent-failure dataset the gate improves on.
Distribution
Sold as a GitHub app and CI check to frontend platform and design-system teams, whose agent-built pages multiply faster than their designers can review. Wedge: agencies and studios shipping many agent-built landing pages and marketing sites, where one slop-ridden page costs a client, distributed through the same skill-install channels developers already use.
Why it wins
Chromatic, Percy and Applitools diff pixels against a baseline, which a first draft does not have; local skills like Impeccable check rules but do not gate merges or track team baselines. DesignGate combines rule-based first-draft judgment with a merge-blocking CI check and per-project rule learning.
Risks
Biggest risk: false positives that block good pages and teach teams to ignore or disable the gate. The MVP de-risks this with warn-only mode for two weeks and per-rule suppression, so enforcement only starts once the false-positive rate is visibly low.
Build it with
- Impeccable: design commands that stop coding agents shipping the same ugly UIIts 24 commands and 61 deterministic detector rules are the rule engine the CI gate runs: slop tells are flagged by rules, not by asking a model whether a page looks nice.
- ai-design-skills: a design skill that makes coding agents ask about the offer before styling the pageThe brief-first workflow supplies the intent check: the gate verifies the page states its offer, audience, evidence and next step before it ever judges the styling.
- Hallmark: Nutlope's anti-AI-slop design skill for coding agents, trending againA second independent anti-slop rule set that cross-checks the verdict, so one skill's blind spots do not become the gate's blind spots.
Repo to start from
designgate — a CI gate that reviews agent-built pages for slop tells and accessibility failures before merge, with screenshots and per-rule suppressions.
Evidence
- Impeccable: Stop Your AI Coding Agent From Building the Same Ugly UI
- Chromatic pricing
- Argos vs Chromatic: visual testing price comparison
- AI Design Slop: Why AI-Generated UI Looks Generic, and the Fix
Get the week's best AI launches, plus 3 ideas worth building
One email every Saturday. Ranked by traction, not hype. Free.