uimax-mcp : Serveur MCP gratuit pour la revue et la correction automatisée du code frontend avec Claude Code

✍️ OpenClawRadar📅 Publié: March 26, 2026🔗 Source
uimax-mcp : Serveur MCP gratuit pour la revue et la correction automatisée du code frontend avec Claude Code
Ad

Pipeline automatisé de revue frontend

Le serveur MCP uimax-mcp a été créé pour automatiser un flux de travail répétitif : demander à Claude d'agir en tant qu'expert frontend pour les revues de code, puis utiliser Claude Code pour implémenter les corrections suggérées. Cet outil intègre l'ensemble de ce processus dans un pipeline automatisé unique.

Fonctionnalités principales

Avec la commande review my UI at localhost:3000, l'outil effectue ces actions :

  • Capture une capture d'écran réelle de votre application en cours d'exécution en utilisant Puppeteer
  • Exécute les audits Google Lighthouse pour les scores de Performance, Accessibilité, Bonnes pratiques et SEO
  • Effectue un audit d'accessibilité axe-core WCAG 2.1
  • Analyse le code source pour plus de 25 anti-modèles
  • Renvoie toutes les données à Claude Code avec une méthodologie d'examen experte intégrée
  • Claude Code génère la revue et implémente les corrections automatiquement

Fonctionnalités supplémentaires

Le MCP comprend 12 outils au total :

  • Comparaison de captures d'écran avant/après
  • Vérifications de viewport responsive
  • Détection du mode sombre
  • Export de rapport HTML autonome
  • Configuration de règles personnalisées
Ad

Installation et utilisation

Installez avec une seule commande :

claude mcp add uimax -- npx -y uimax-mcp@latest

L'outil est 100% gratuit pour les utilisateurs du plan Pro, ne nécessite aucune clé API et n'engendre aucun coût supplémentaire. Le MCP collecte les données, tandis que Claude Code (utilisant votre abonnement existant) gère l'analyse experte et les corrections.

Résultats de tests en conditions réelles

Lors des tests sur des projets réels, l'outil a trouvé 109 problèmes de code dans une application, dont 32 problèmes d'accessibilité clavier qui auraient pris plus de 30 minutes à identifier manuellement.

Disponibilité

Le code source est disponible sur GitHub : https://github.com/prembobby39-gif/uimax-mcp

Le package est disponible sur npm : https://npmjs.com/package/uimax-mcp

📖 Read the full source: r/ClaudeAI

Ad

👀 See Also

Pilote : Un outil d'automatisation de navigateur entièrement construit avec du code Claude
Tools

Pilote : Un outil d'automatisation de navigateur entièrement construit avec du code Claude

Un non-développeur a utilisé Claude Code pour créer Pilot, un outil d'automatisation Chrome qui permet à l'IA de contrôler les navigateurs via la navigation dans l'arbre d'accessibilité. L'outil attribue des numéros aux éléments cliquables pour que Claude puisse donner des commandes comme 'cliquer 5' au lieu de deviner les positions à l'écran.

OpenClawRadar
Claude-Real-Video : Extraction d'images adaptée à la scène + transcription pour tout LLM
Tools

Claude-Real-Video : Extraction d'images adaptée à la scène + transcription pour tout LLM

Un outil open-source qui extrait des images clés et des transcriptions audio de vidéos, permettant à n'importe quel LLM de « regarder » une vidéo localement sans téléchargement. Détection des changements de scène, déduplication par fenêtre glissante et transcription Whisper.

OpenClawRadar
Markdown en tant que protocole pour les interfaces agentiques avec exécution en flux continu
Tools

Markdown en tant que protocole pour les interfaces agentiques avec exécution en flux continu

Un prototype utilise Markdown comme protocole unifié permettant aux agents d'IA de diffuser du texte, du code exécutable et des données dans une seule réponse. Il propose une exécution en flux où le code s'exécute instruction par instruction à mesure qu'il arrive et une primitive mount() pour créer des interfaces React avec un flux de données entre le client, le serveur et le LLM.

OpenClawRadar
Dépannage de l'accès aux e-mails et à Google Drive pour les agents IA
Tools

Dépannage de l'accès aux e-mails et à Google Drive pour les agents IA

La configuration de l'accès aux e-mails et à Google Drive pour les bots d'IA sur AWS peut déclencher des blocages de compte. Voici une solution utilisant Gmail et les domaines Workspace.

OpenClawRadar