広告掲載
MCP.so
ログイン

UIMax MCP Server

@prembobby39-gif

リポジトリ

基本情報

カテゴリ

その他

ライセンス

MIT

作者

prembobby39-gif

UIMax MCP Server について

UIMax MCP — Turns Claude Code into a frontend expert that reviews and fixes your UI automatically. Free for Pro plan users.

UIMax MCP Server の設定

標準の設定はありません

このサーバーの README には解析可能な MCP 設定ブロックが含まれていません。インストール手順はリポジトリをご確認ください。

リポジトリ

UIMax MCP Server のツール

ツール一覧はまだありません

この掲載には表示できるツール一覧がまだありません。サーバーにツールがないという意味ではありません。対応機能はプロジェクトのドキュメントをご確認ください。

ツールは README から自動的に抽出されます。メンテナーは ## Tools という見出しの下に記載することで、このタブに反映できます。

概要

What is UIMax MCP?

UIMax MCP is a Model Context Protocol server that turns Claude Code into a frontend expert. It automatically reviews and fixes web UI by capturing screenshots, running accessibility audits (axe-core), Google Lighthouse, Core Web Vitals, SEO checks, AST-based code analysis, and generating letter-grade Report Cards — then implementing the fixes directly in your code.

How to use UIMax MCP?

Install in one command: claude mcp add uimax -- npx -y uimax-mcp. Then in any Claude Code conversation, say “Review the UI at http://localhost:3000, source code is in ./src” and UIMax runs the full pipeline automatically. You can also install globally with npm install -g uimax-mcp.

Key features of UIMax MCP

  • Full automated UI review pipeline (10 steps)
  • AST-based code analysis with 25+ anti-pattern rules
  • Per-section Report Card with letter grades (A+ through F)
  • Auto-saves review history to .uimax-reviews.json
  • Competitive benchmarking using compare_sites
  • Performance budgets enforcement via .uimaxrc.json

Use cases of UIMax MCP

  • Automatically identify and fix accessibility violations (WCAG 2.1)
  • Optimize frontend performance with Lighthouse and Core Web Vitals
  • Enforce SEO best practices across staging, production, and localhost
  • Compare before/after screenshots and scores after applying fixes
  • Benchmark your site against competitors side-by-side

よくある質問

1

Is UIMax MCP free?

Yes, it is free for all Claude Code users on the Pro plan and above. No API keys and no extra costs.

2

What does UIMax MCP work on?

It works on any URL your machine can reach — localhost, staging, or production. It captures real screenshots via Puppeteer.

3

How does UIMax MCP save reviews?

Every review is automatically saved to `.uimax-reviews.json` in your project root. You can view history with `get_review_history` and track trends with `get_review_stats`.

4

What tools does UIMax MCP provide?

It provides 37 tools organized into categories: Review Pipeline, Screenshots & Visual, Lighthouse/Performance/SEO, Code Analysis, Browser Interaction, Debugging, Multi-Page, Baselines & Budgets, and Review History.

5

How can I configure code analysis and budgets?

Create a `.uimaxrc.json` file in your project root. You can set rules to `"off"`, `"warn"`, or `"error"`, override severity, ignore patterns, and define performance budgets for Lighthouse scores and Web Vitals.

コメント

「その他」の他のコンテンツ

P

PickFu MCP

PickFu MCP is a Model Context Protocol (MCP) server that connects AI assistants, developers, marketers, product managers, and AI agents to PickFu's consumer research platform. It enables users to create surveys, conduct

Sequential Thinking

modelcontextprotocol

Model Context Protocol Servers

88.2K

Handl

Handl speaks the Model Context Protocol. Your whole billing operation — projects, invoices, clients, reports, approvals — as tools any AI assistant can call, inside your autonomy rules.

YOUB

Connect your AI assistant to your own YOUB endurance training account. Read recorded activities with full analysis, planned sessions, race goals, wellness (HRV, sleep, resting HR) and your athletic profile. Create or mov

DeepMark

DeepMark helps teachers deliver rapid, consistent marking with meaningful feedback for every student — in a fraction of the time. What once took a week, now takes one free period.

広告掲載