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

Black LLAB: 動的モデルルーティングとDockerサンドボックス化AIエージェントのためのオープンソースアーキテクチャ
開発者がBlack LLABをオープンソース化しました。このシステムはMistral 3Bを使用してプロンプトをローカルモデルとクラウドモデルの間でルーティングし、OpenClaw統合によりAIエージェントを分離されたDockerコンテナ内で実行します。

各セッションでClaude Codeに再教育するのをやめよう:永続設定を使う
Redditユーザーが、Claude Code用の永続的な設定ファイルを作成することで、毎回のセッションで20分を節約し、33%高速な完了を実現した方法を説明しています。

「考えるな」原則でReactコンポーネントをリファクタリングするClaude Codeのスキル
新しいClaude Codeスキルが、Steve Krugの原則に基づいてReactコンポーネントのユーザビリティを自動的にリファクタリングします。ハッピートークを削除し、主要なCTAを目立たせ、空/エラー状態を修正し、ラベルを短くします。

obsidian-mcp:大規模ボルトを対象とした25のツールを備えたClaude向けグラフ認識MCPサーバー
obsidian-mcpは、get_note、traverse_graph、query_dataview、move_note、create_notesを含む25のツールを提供するMCPサーバーで、ClaudeにObsidian保管庫へのグラフ認識アクセスを提供します。5,000ノートの保管庫でもコンテキストウィンドウの問題を回避します。MITライセンスで、Claude Desktop、Claude Code、Cursor、Cline、Continue、Zedで動作します。