uimax-mcp — Claude Code MCP server: features and setup
Audits a reachable web app with screenshots, Lighthouse, axe-core, and code analysis, then helps Claude Code apply fixes.
claude mcp add uimax-mcp -- npx -y uimax-mcpWhat uimax-mcp does
uimax-mcp takes a URL for a running application and builds a frontend review. It captures a Puppeteer screenshot, runs Lighthouse and axe-core, records Core Web Vitals, checks SEO signals, and inspects source code with AST analysis. The result covers Accessibility, Performance, Best Practices, SEO, and Code Quality grades.
Its tools also cover responsive screenshots, dark-mode checks, pixel comparisons, security checks, unused code, and standalone HTML reports. Claude Code receives the review method and can edit project files, while review history is stored in .uimax-reviews.json.
The app must be reachable from your machine, whether it runs on localhost, staging, or production. Without an accessible URL, the server cannot capture the page or run its audits. No API key is required.
What it helps with
- review a running web interface
- find WCAG 2.1 accessibility violations
- measure Core Web Vitals and Lighthouse scores
- scan source code for frontend anti-patterns
- compare the UI before and after fixes
Example prompts for the agent
- Review the app at
http://localhost:3000and use./srcas its source directory. - Capture responsive screenshots, then check the page for accessibility and SEO issues.
- Run the audit again after the fixes and compare it with the previous review.
How to install uimax-mcp
Platform CLI
claude mcp add uimax-mcp -- npx -y uimax-mcpPlatform CLI
codex mcp add uimax-mcp -- npx -y uimax-mcpConfig file
{
"mcpServers": {
"uimax-mcp": {
"command": "npx",
"args": [
"-y",
"uimax-mcp"
]
}
}
}Config file
{
"servers": {
"uimax-mcp": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"uimax-mcp"
]
}
}
}Platform CLI
gemini mcp add uimax-mcp npx -y uimax-mcpStep by step, with commands for each platform: How to add an MCP server to Claude Code, Codex, Cursor, VS Code, Gemini CLI and more
Questions about uimax-mcp
How do I install uimax-mcp in Claude Code?
Run claude mcp add uimax-mcp -- npx -y uimax-mcp in Claude Code.
What does uimax-mcp do?
It captures screenshots, runs Lighthouse and axe-core, measures performance, checks SEO, and analyzes source code. Claude Code can use the review data to edit project files.
Does uimax-mcp need an API key?
No API key is required. The application must be reachable from the machine running the server.
