Layoza MCP server

Layoza — design engineering for AI agents

An open-source MCP server + agent skills that turn Claude Code, Cursor, Codex, OpenCode, Antigravity and Windsurf into a UI/UX design expert: it reads your site's design DNA, picks motion that fits the brief, and checks every change in a real Chromium browser.

▶ Download the full 2½-minute showcase (MP4, 17 MB): all four briefs, recorded live in Chromium

npx layoza init            # adds the skills + MCP server to every agent it finds in this project
npx layoza qa index.html   # design and usability: contrast, overflow, focus, menu, screenshots

Then just talk to your agent. Example prompts:

Build a homepage for a family-run bakery in Leeds. Warm, not twee.
Add a pricing page that matches the rest of this site.
Our dashboard feels cluttered. Fix the design without changing the brand.
Redesign the agency homepage with a kinetic hero, but keep every page and form working.
Check this page on mobile and fix anything a visitor would trip over.

Why

Layoza exists so AI-built sites stop looking like slop. Every design it helps make should be unique: never a copy, a re-skin or a repeat, from the nav through the hero and every section to the footer, built modern and for one brief only. A per-project ledger (.layoza/looks.jsonl) records each dealt look, and every design-system / mechanics deal run prints a uniqueness block scoring nav, hero, sections, footer and motion against the last 20 runs (--window 1-200).

AI agents write front-end code quickly, but the result tends to look the same everywhere: cream and terracotta, Inter, three rounded cards, a purple gradient. They also break things they cannot see: a heading cut by the sticky header, a phone menu that Escape will not close, text at 3:1 contrast, a canvas that pushes LCP past 4 s.

Results

Shortened. The full README is on GitHub.