UI Reviewer MCP
Optionally uses OpenAI's vision models to perform server-side visual evaluation of UI screenshots as part of the review process.
Click on "Deploy Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@UI Reviewer MCPreview https://example.com for UX issues"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
UXRay
UXRay is a local-first UI/UX review gate for AI-built frontends. It gives coding agents a concrete repair contract instead of vague design advice:
health_check -> review_ui_url -> repair UI -> review_ui_diffThe public repo is the Apache-2.0 local MCP/core. The commercial cloud code has been split into the private codepawl/uxray-cloud repo.
What stays public
MCP server:
health_check,review_ui_url,review_ui_diff,check_updatereviewer core and structured report schema
local Playwright renderer
optional vision adapter interface
local HTTP API wrapper for development/smoke use
eval fixtures and reproducible repair-loop demos
agent auto-trigger rules for Codex, Claude Code-compatible MCP clients, and OMP
public docs about the open-core/cloud boundary
Related MCP server: UI Analyzer MCP Server
What moved private
Private cloud/product code now lives in /home/nxank4/Code/hermes/codepawl/uxray-cloud and the GitHub private repo codepawl/uxray-cloud:
Cloudflare Worker production control plane
hosted account/session/dashboard code
API-key issuance and hosted credit gates
Creem checkout/webhook handling
D1/R2 migrations and persisted report operations
public production website/account/checkout assets
hosted render deployment/runbooks and cloud smokes
customer-data and internal admin workflows
Security should not rely on repo secrecy, but private cloud code keeps the public repo clean and reduces leaked business/infra assumptions. See SECURITY.md.
Install
git clone https://github.com/codepawl/uxray uxray
cd uxray
npm install
npm run typecheck
npm run build
npm run smoke:mcpRun as MCP
npm run mcpCodex:
codex mcp add uxray -- npm --silent --prefix /absolute/path/to/uxray run mcpGeneric MCP JSON:
{
"mcpServers": {
"uxray": {
"command": "npm",
"args": ["--silent", "--prefix", "/absolute/path/to/uxray", "run", "mcp"]
}
}
}Install agent rules locally:
npm run install:agents
npm run smoke:agentsLocal API smoke
PORT=4317 npm run api
npm run smoke:apiThe public API wrapper is for local development and smoke tests. Production account/dashboard/billing/hosted persistence lives in the private cloud repo.
Repair-loop proof
Run the deterministic fixture pack:
npm run eval:reset
npm run eval:fixtures
npm run demo:reportThe validated demo loop from this repo showed:
average score: 39 -> 100
issues: 11 -> 0
high severity: 9 -> 0
fixtures: landing, dashboard, onboardingScripts
npm run typecheck
npm run build
npm run smoke:mcp
npm run smoke:render
npm run smoke:vision
npm run smoke:api
npm run eval:reset
npm run eval:fixtures
npm run demo:pipeline
npm run review:url
npm run review:diff
npm run check:update
npm run upgrade
npm run test:core
npm run install:agents
npm run smoke:agentsLicense
Apache-2.0. See LICENSE.
Cloud boundary
Keep these out of the public repo:
.envand local secret storesCloudflare/Wrangler/Creem tokens
API keys, session cookies, magic-link tokens, OAuth tokens
customer screenshots/private reports
hosted render queues/fleet internals
tenant isolation, billing reconciliation, abuse controls
internal admin tooling and sensitive deployment runbooks
Thin public-safe abstractions are fine. Production cloud code belongs in codepawl/uxray-cloud.
This server cannot be deployed
Maintenance
Related MCP Connectors
UX-review and product-feedback MCP: annotated screenshots and reviews your AI agent can act on.
- mcpOAuthcom.screenshotink
Screenshot, diff, audit and sitemap-capture any web page — 5 MCP tools for AI agents.
MCP tools for AI agents: render URLs to image/PDF, check link health, convert HTML/CSV/JSON.
Website QA for your coding agent: audit SEO, performance, security, accessibility over MCP.
Related MCP Servers
- FlicenseNot gradedqualityDmaintenanceEnables AI-powered visual analysis of webpages for UI/UX assessment, including screenshot capture, element detection, accessibility auditing, and comprehensive JSON reporting.1-
- AlicenseNot gradedqualityDmaintenanceAnalyzes website UIs using Playwright and provides precise CSS/HTML fix instructions for AI coding assistants like GitHub Copilot and Cursor.4MIT
- AlicenseNot gradedqualityAmaintenanceEnables AI assistants to capture screenshots, run visual diffs, accessibility audits, and batch sweep plans for web pages via MCP tools.14 npm2MIT
- AlicenseNot gradedqualityDmaintenanceEnables AI agents to see, analyze, and visually verify web page changes through pixel-perfect diffing, theme extraction, layout analysis, and interactive element detection.19 npmMIT