{"name":"io.github.prembobby39-gif/uimax-mcp","slug":"prembobby39-gif-uimax-mcp","title":null,"description":"Frontend expert for Claude Code. Screenshots, Lighthouse, axe-core, code analysis, auto-fix.","url":"https://mcp.market/server/prembobby39-gif-uimax-mcp","rating":null,"grade":"B","score":75,"certified":false,"status":"active","category":"other","tags":[],"presence":{"score":13,"stars":9,"forks":1,"downloads_week":null,"last_push_at":"2026-03-29T18:50:44.000Z","license":"MIT"},"uptime":null,"claimed":false,"transport":"npm","callable_via_gateway":false,"default_price_micros":0,"repository":"https://github.com/prembobby39-gif/uimax-mcp","website":null,"version":"0.7.0","remotes":[],"packages":[{"registryType":"npm","identifier":"uimax-mcp","version":"0.7.0","transport":{"type":"stdio"}}],"tools":[{"name":"accessibility_audit","description":"Run an automated accessibility audit using axe-core. Checks for WCAG 2.1 Level A and AA violations, reporting issues by severity with specific fix instructions.","write_action":true,"price_micros":0,"input_schema":null},{"name":"analyze_code","description":"Analyze frontend source code for quality issues: accessibility anti-patterns, CSS problems, component complexity, design inconsistencies, and performance concerns.","write_action":false,"price_micros":0,"input_schema":null},{"name":"capture_console","description":"Capture all console messages (log, warn, error, info, debug) during page load. Navigates to the URL, listens for console output and uncaught exceptions, then returns structured results with message counts by level. Useful for debugging runtime issues, detecting warnings, and finding errors that only appear in the browser console. Note: Console messages may contain sensitive data (tokens, user info","write_action":false,"price_micros":0,"input_schema":null},{"name":"capture_errors","description":"Capture JavaScript errors, uncaught exceptions, unhandled promise rejections, and failed resource loads (images, scripts, stylesheets, fonts) during page load. Returns structured error list with error kind, message, and source location. Useful for finding runtime JS errors and broken resources that affect user experience. This tool is FREE — runs entirely within Claude Code.","write_action":false,"price_micros":0,"input_schema":null},{"name":"capture_network","description":"Capture all network requests during page load with status codes, sizes, timing, and resource types. Provides a summary with total requests, failed requests, total transfer size, and breakdown by resource type. Useful for finding failed API calls, slow requests, large assets, and understanding page load behavior. This tool is FREE — runs entirely within Claude Code.","write_action":false,"price_micros":0,"input_schema":null},{"name":"check_budgets","description":"Check if the current site meets performance budgets defined in .uimaxrc.json. Runs fresh audits and compares results against budget thresholds for Lighthouse scores, Web Vitals, accessibility violations, and code issues. Returns pass/fail with details of any exceeded budgets. Configure budgets in .uimaxrc.json under the \"budgets\" key: { \"budgets\": { \"lighthouse\": { \"performance\": 90, \"accessibilit","write_action":false,"price_micros":0,"input_schema":null},{"name":"check_dark_mode","description":"Detect whether a webpage supports dark mode. Captures two screenshots — one in light mode and one with prefers-color-scheme: dark emulated — then compares them. Returns both screenshots and a difference percentage. Great for checking if dark mode is properly implemented.","write_action":false,"price_micros":0,"input_schema":null},{"name":"click","description":"Click an element by CSS selector. Returns a screenshot after the click so you can visually verify the result. Supports standard CSS selectors. If the page hasn't been navigated yet, provide a URL to navigate first.","write_action":false,"price_micros":0,"input_schema":null},{"name":"compare_screenshots","description":"Before/after visual comparison with pixel-level diffing. Captures screenshots of two URLs at the same viewport size, computes an accurate pixel-level difference using pixelmatch, and returns BOTH images plus a red-highlighted diff image showing exactly which pixels changed. Use this to verify UI changes, compare staging vs production, or check before/after states of a redesign.","write_action":false,"price_micros":0,"input_schema":null},{"name":"compare_to_baseline","description":"Compare the current audit state of a URL against its most recent saved baseline. Runs fresh audits, loads the previous baseline from .uimax-history.json, and shows what improved and what regressed. Use this after making changes to verify you improved the metrics you intended. This tool is FREE — runs entirely within Claude Code.","write_action":false,"price_micros":0,"input_schema":null},{"name":"crawl_and_review","description":"Crawl multiple pages from a starting URL and run accessibility + performance audits on each. Discovers internal links from the start page, deduplicates them, and visits up to maxPages (default 5, max 10). Each page gets a screenshot, axe-core accessibility audit, and Performance API metrics. Does NOT run Lighthouse (too slow for multi-page). Use this to audit an entire site section quickly. This t","write_action":false,"price_micros":0,"input_schema":null},{"name":"export_report","description":"Generate a standalone HTML report file with all audit findings embedded. Runs the full review pipeline (screenshot, accessibility, performance, code analysis) and outputs a beautiful, shareable HTML file with zero external dependencies. Use this when the user wants a downloadable/shareable report of their UI review. This tool is FREE — runs entirely within Claude Code.","write_action":false,"price_micros":0,"input_schema":null},{"name":"get_element","description":"Get detailed information about a DOM element: tag name, text content, all attributes, bounding box, and computed styles (color, font, background, display, visibility). Returns a screenshot so you can visually identify the element in context.","write_action":false,"price_micros":0,"input_schema":null},{"name":"get_review_history","description":"View past UIMax reviews for this project. Shows when reviews were run, what scores were achieved, and how many issues were found. Use this to understand the project's frontend health over time. This tool is FREE — runs entirely within Claude Code.","write_action":false,"price_micros":0,"input_schema":null},{"name":"get_review_stats","description":"Get aggregate statistics across all UIMax reviews for this project. Shows total reviews, score trends, most common issues, and most problematic files. This tool is FREE — runs entirely within Claude Code.","write_action":false,"price_micros":0,"input_schema":null},{"name":"lcp_optimization","description":"Deep Largest Contentful Paint (LCP) analysis. Identifies the LCP element, measures TTFB, resource load time, and render delay. Provides specific optimization suggestions to improve LCP below the 2.5s threshold.","write_action":false,"price_micros":0,"input_schema":null},{"name":"lighthouse_audit","description":"Run a full Lighthouse audit against a URL. Returns scores for Performance, Accessibility, Best Practices, and SEO (0-100), plus detailed audit findings for render-blocking resources, image optimization, unused code, and more. Heavier than performance_audit but provides industry-standard Lighthouse scores.","write_action":true,"price_micros":0,"input_schema":null},{"name":"navigate","description":"Navigate to a URL and return page info. Waits for network idle before returning. Returns the final URL, page title, HTTP status code, and a screenshot so you can visually verify the page loaded correctly. Use this when you need to open a page before performing interactions, or to verify a page loads successfully.","write_action":false,"price_micros":0,"input_schema":null},{"name":"performance_audit","description":"Measure Core Web Vitals and performance metrics: FCP, LCP, CLS, TBT, load time, resource count, DOM size, and JS heap usage.","write_action":false,"price_micros":0,"input_schema":null},{"name":"pwa_audit","description":"Check Progressive Web App readiness: installable manifest, service worker, HTTPS, offline capability, and more. Runs a full Lighthouse audit under the hood and extracts all PWA-related audit results with pass/fail for each requirement.","write_action":false,"price_micros":0,"input_schema":null},{"name":"quick_review","description":"Quick design-only review. Captures a screenshot and returns it with a focused design review methodology. No code analysis, no performance audit — just visual/UX feedback. Great for rapid design iteration. After receiving the screenshot, analyze it as a senior UI designer and provide 5-10 high-impact observations with specific fixes. This tool is FREE — runs entirely within Claude Code.","write_action":false,"price_micros":0,"input_schema":null},{"name":"resource_analysis","description":"Full resource breakdown of a page: total transfer size, breakdown by type (JS, CSS, images, fonts), number of requests, top 10 largest resources, and render-blocking resources. Helps identify what is making your page heavy.","write_action":false,"price_micros":0,"input_schema":null},{"name":"responsive_screenshots","description":"Capture screenshots at mobile (375px), tablet (768px), and desktop (1440px) viewports. Perfect for reviewing responsive design.","write_action":false,"price_micros":0,"input_schema":null},{"name":"review_diff","description":"Compare two specific reviews to see what changed. Shows new issues, resolved issues, and score changes. This tool is FREE — runs entirely within Claude Code.","write_action":false,"price_micros":0,"input_schema":null},{"name":"review_ui","description":"THE PRIMARY TOOL — Fully automated UI review pipeline. Captures a screenshot, runs accessibility/performance/code audits, then returns ALL data along with an expert frontend review methodology so you can generate a comprehensive review and implement fixes. Use this when the user asks to \"review my UI\", \"audit my frontend\", or \"find UI issues\". After receiving the results, you MUST: 1. Study the sc","write_action":false,"price_micros":0,"input_schema":null},{"name":"save_baseline","description":"Save the current audit state for a URL as a baseline snapshot. Runs screenshot, accessibility, performance, and Lighthouse audits, then saves the results to .uimax-history.json in the project directory. Use this to establish a baseline before making changes, so you can compare later. This tool is FREE — runs entirely within Claude Code.","write_action":false,"price_micros":0,"input_schema":null},{"name":"screenshot","description":"Capture a screenshot of a webpage. Returns a PNG image that you can visually analyze for design issues, layout problems, and UI quality.","write_action":false,"price_micros":0,"input_schema":null},{"name":"scroll","description":"Scroll the page by a pixel amount or to a specific element. Returns a screenshot after scrolling so you can visually verify the new viewport position.","write_action":false,"price_micros":0,"input_schema":null},{"name":"security_audit","description":"Check security posture via Lighthouse: HTTPS usage, mixed content, CSP headers, vulnerable JavaScript libraries, external links without noopener, and more. Returns pass/fail findings with severity levels.","write_action":false,"price_micros":0,"input_schema":null},{"name":"select_option","description":"Select an option from a dropdown (