AI builds the UI. UXRay catches the mess.

Real screenshots, structured UX issues, and repair prompts your coding agent can act on. Then a before/after scorecard proves the UI actually improved.

Real fixture evidence click any screenshot to zoom
Real before screenshot from the landing-chaos fixture before UXRay repair
Before46 / 100 · vague H1, CTA conflict, mobile overflow
Real after screenshot from the same landing-chaos fixture after Codex repaired it using UXRay
After100 / 100 · one CTA, clear task, mobile-safe

Same fixtures. Same reviewer. Same environment.

UXRay reset three flawed AI-generated screens, reviewed them locally, let Codex repair with MCP screenshots, then reviewed again. The gallery shows the actual screenshots from that run, plus more scenarios you can install and run locally.

39 → 100average score
9 → 0high severity
10+demo scenarios

Agents already know the path.

UXRay plugs into the tools builders use: Codex, Claude Code, MCP clients, local APIs, and CI-style repair gates.

Codex
Claude Code
MCP
CLI
Hosted API

Review → repair → diff.

01

Render the UI

Desktop and mobile screenshots, DOM text, headings, buttons, links, forms, and overflow signals.

02

Tell the agent what broke

Severity, category, evidence, affected area, and a focused repair prompt.

03

Measure the fix

review_ui_diff compares score, issue count, high-severity count, and fixed categories.

Use it where your agent already works.

npm install
npm run typecheck
codex mcp add uxray -- npm --prefix "$PWD" run mcp
npm run demo:pipeline

Cloudflare hosts the public site and account shell. Full URL rendering runs locally today because it needs Chrome/Playwright. Hosted paid calls should run on a browser-capable backend.

Start local. Pay when reviews run hosted.

The wedge is free MCP for builders. The paid layer is hosted screenshot rendering, API review calls, team seats, and plugins that keep agents from making the same UI mistakes.

Local$0

Run UXRay as local MCP with Codex or Claude Code.

Install
TeamCustom

Shared workspaces, CI gates, review budgets, and private UI rule packs.

Start team checkout