uimax-mcp: Claude Codeによる自動フロントエンドコードレビューと修正のための無料MCPサーバー

自動化されたフロントエンドレビューパイプライン
uimax-mcp MCPサーバーは、繰り返しの多いワークフローを自動化するために作成されました:Claudeにフロントエンドエキスパートとしてコードレビューを依頼し、その後Claude Codeを使用して提案された修正を実装するというプロセスです。このツールはその全プロセスを1つの自動化されたパイプラインにまとめています。
コア機能
review my UI at localhost:3000コマンドを使用すると、このツールは以下のアクションを実行します:
- Puppeteerを使用して実行中のアプリケーションの実際のスクリーンショットを撮影
- パフォーマンス、アクセシビリティ、ベストプラクティス、SEOスコアのGoogle Lighthouse監査を実行
- axe-core WCAG 2.1アクセシビリティ監査を実行
- ソースコードを25以上のアンチパターンについてスキャン
- すべてのデータを組み込まれたエキスパートレビュー手法と共にClaude Codeに返却
- Claude Codeがレビューを生成し、修正を自動的に実装
追加機能
このMCPには合計12のツールが含まれています:
- 修正前/修正後のスクリーンショット比較
- レスポンシブビューポートチェック
- ダークモード検出
- スタンドアロンHTMLレポートエクスポート
- カスタムルール設定
インストールと使用方法
1つのコマンドでインストール:
claude mcp add uimax -- npx -y uimax-mcp@latestこのツールはProプランユーザーに対して100%無料で、APIキーは不要、追加コストも発生しません。MCPがデータを収集し、Claude Code(既存のサブスクリプションを使用)がエキスパート分析と修正を処理します。
実世界でのテスト結果
実際のプロジェクトでのテスト中、このツールは1つのアプリケーションで109のコード問題を発見し、その中には手動で特定するのに30分以上かかる32のキーボードアクセシビリティ問題も含まれていました。
入手方法
ソースコードはGitHubで入手可能:https://github.com/prembobby39-gif/uimax-mcp
パッケージはnpmで入手可能:https://npmjs.com/package/uimax-mcp
📖 Read the full source: r/ClaudeAI
👀 See Also

マルチエージェントAI開発のためのガバナンスレイヤーの区切り
Delimitは、複数のAIコーディングエージェント間の調整を管理し、競合を防止するオープンソースのガバナンスレイヤーです。Claude Code、Codex、Geminiなどのエージェントに対して、共有メモリ、衝突検出、監査追跡を提供します。

RedditユーザーがMCPトークンのオーバーヘッドを測定:質問の前に67Kトークンを消費
ある開発者が、MCPサーバーのトークンオーバーヘッドを測定したところ、ユーザーが質問を入力する前に67,000トークンが消費されていた。Playwright MCPは13,600トークン、GitHub MCPは18,000トークンをアイドル状態で使用していた。彼らはコンテキストコストを削減するために、MCPをスキルとCLIツールに置き換えた。

Kanban CLI:终端用本地优先、智能体优先的任务管理器
Kanban CLIは、Rust製のターミナルツールで、完全なgit統合により構造化されたタスク追跡を提供し、AIエージェント駆動のワークフロー向けに設計されています。

味蕾记忆:通过超维度计算向量实现的可逆智能体记忆
ハイパーディメンショナルコンピューティングはベクトル検索を超え、完全な想起を実現:プロジェクトに触れた全日付の一覧、名前のないワークストリームの検出、内積による日次ログの可逆的な分解が可能です。