UIMax MCP Server

UIMax MCP — Turns Claude Code into a frontend expert that reviews and fixes your UI automatically. Free for Pro plan users.

Local serverstdioTypeScript

What is the UIMax MCP Server?

UIMax MCP — Turns Claude Code into a frontend expert that reviews and fixes your UI automatically. Free for Pro plan users.

What the server does

  1. Sees your app — captures a real screenshot via Puppeteer 2. Audits accessibility — runs axe-core for WCAG 2.1 violations 3. Runs Lighthouse — real Google Lighthouse scores (Performance, Accessibility, Best Practices, SEO) 4. Measures performance — captures Core Web Vitals (FCP, LCP, CLS, TBT) 5. Audits SEO — 18 checks: meta tags, Open Graph, Twitter cards, structured data, heading hierarchy, canonical URLs 6. Scans your code — AST-based analysis for 25+ anti-patterns across accessibility, design, and code quality 7. Grades everything — per-section Report Card with letter grades (A+

Available tools

The toolset is worth reading before you wire it up, because it tells you what the integration is really for:

  • Debugging — The Debugging tool exposed by this server

Credentials and setup notes

  • Node.js >= 18.0.0 - Chrome/Chromium (uses your system Chrome — no extra download) - Claude Code (for MCP integration)

More MCP options

Compare MCP servers by category, or browse hosted MCP servers if you prefer an endpoint over a local process.

Maintainer setup documentation.

How to install the UIMax MCP Server

{
  "mcpServers": {
    "uimax": {
      "command": "npx",
      "args": ["-y", "uimax-mcp"]
    }
  }
}

Add to claude_desktop_config.json, then restart Claude Desktop.

Configuration

  • Node.js >= 18.0.0 - Chrome/Chromium (uses your system Chrome — no extra download) - Claude Code (for MCP integration)

Example prompts to try

  • “Use UIMax MCP to Debugging.”

Frequently asked questions

Yes, it is free for all Claude Code users on the Pro plan and above. No API keys and no extra costs.