uimax-mcp: Free MCP Server for Automated Frontend Code Review and Fixes with Claude Code
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
Installation and Usage
Install with one command:
claude mcp add uimax -- npx -y uimax-mcp@latestThe 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
👀 See Also
Developer Builds Native tmux Port for Windows Using Claude Code Without Knowing C
A developer created tmux-win, a native Windows multiplexer using Claude Code to handle Win32 API and conpty implementation despite not knowing C. The tool features vertical/horizontal splits, detachable sessions, and native performance without VM overhead.
TruthGuard: Shell Script Hooks That Catch AI Coding Agent Lies
TruthGuard is an open-source tool that uses shell script hooks to verify what Claude Code and Gemini CLI actually do versus what they claim. It catches phantom edits, exit code lies, dangerous shortcuts, and blocks commits when tests fail.
The Human Creativity Benchmark: Separating Convergence from Divergence in AI Creative Evaluation
Contra Labs introduces the Human Creativity Benchmark (HCB), a framework that distinguishes objectively verifiable criteria (e.g., prompt adherence) from subjective taste (e.g., visual appeal) in evaluating generative AI for creative work. The benchmark reveals that no current model is reliably both correct and steerable, addressing mode collapse and the need for differentiated output.
AI Agent Autonomously Creates Video Using Remotion Without Predefined Tools
A developer tested an AI agent that autonomously created a short video reel by installing Remotion, writing composition code, debugging issues, and delivering a rendered file without human intervention.