uimax-mcp: Free MCP Server for Automated Frontend Code Review and Fixes with Claude Code

✍️ OpenClawRadar📅 Published: March 26, 2026🔗 Source
uimax-mcp: Free MCP Server for Automated Frontend Code Review and Fixes with Claude Code
Ad

Automated Frontend Review Pipeline

The uimax-mcp MCP server was created to automate a repetitive workflow: asking Claude to act as a frontend expert for code reviews, then using Claude Code to implement the suggested fixes. This tool packages that entire process into a single automated pipeline.

Core Functionality

With the command review my UI at localhost:3000, the tool performs these actions:

  • Captures a real screenshot of your running application using Puppeteer
  • Runs Google Lighthouse audits for Performance, Accessibility, Best Practices, and SEO scores
  • Executes axe-core WCAG 2.1 accessibility audit
  • Scans source code for 25+ anti-patterns
  • Returns all data to Claude Code with baked-in expert review methodology
  • Claude Code generates the review and implements fixes automatically

Additional Features

The MCP includes 12 total tools:

  • Before/after screenshot comparison
  • Responsive viewport checks
  • Dark mode detection
  • Standalone HTML report export
  • Custom rule configuration
Ad

Installation and Usage

Install with one command:

claude mcp add uimax -- npx -y uimax-mcp@latest

The tool is 100% free for Pro plan users, requires no API keys, and incurs no extra costs. The MCP collects the data, while Claude Code (using your existing subscription) handles the expert analysis and fixes.

Real-World Testing Results

During testing on actual projects, the tool found 109 code findings in one application, including 32 keyboard accessibility issues that would have taken over 30 minutes to identify manually.

Availability

Source code is available on GitHub: https://github.com/prembobby39-gif/uimax-mcp

Package available on npm: https://npmjs.com/package/uimax-mcp

📖 Read the full source: r/ClaudeAI

Ad

👀 See Also