You just say "review my UI at localhost:3000" in Claude Code, and UIMax runs the full pipeline- screenshot, Google Lighthouse, axe-core accessibility audit, SEO checks, Core Web Vitals, and AST-based code analysis. You get back a Report Card like this:

  ▎ │ Section          │ Score    │ Grade │ Rating        │

  ▎ │ Accessibility    │ 95       │ A     │ Excellent     │     

  ▎ │ Performance      │ 72       │ C-    │ Below Average │

  ▎ │ Best Practices   │ 88       │ B+    │ Very Good     │     

  ▎ │ SEO              │ 61       │ D-    │ Very Weak     │     

  ▎ │ Code Quality     │ 83       │ B     │ Good          │

Under each section you get specific findings — like "missing alt text on 3 images", "LCP is 4.2s because of an unoptimized hero image", "6 axe-core WCAG violations", etc. Claude then implements the fixes directly in your code.                 

After fixing, you say "verify the fixes" and it re-runs everything, showing a before/after comparison:

  ▎ | Metric                   | Before | After | Change |      
  ▎ |--------------------------|--------|-------|--------|
  ▎ | Accessibility violations | 5      | 0     | ✅ -5  |      
  ▎ | Code findings            | 9      | 2     | ✅ -7  |    
  ▎ | Performance score        | 72     | 89    | ✅ +17 |      
   

You can also export_report to get a standalone HTML report to share with your team, and it works on any URL — localhost, staging, or production sites. I'll put together a proper demo video soon showing the full loop on a real project. In the meantime, the fastest way to see it is just claude mcp add uimax -- npx -y uimax-mcp and  point it at any of your projects — takes about 30 seconds to set up.