uimax-mcp : Serveur MCP gratuit pour la revue et la correction automatisée du code frontend avec Claude Code
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
Installation et utilisation
Installez avec une seule commande :
claude mcp add uimax -- npx -y uimax-mcp@latestL'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
👀 See Also
Présentation de cltree : Une Interface Utilisateur en Mode Texte pour l'Arborescence de Fichiers de Claude Code
cltree est une interface utilisateur en terminal à panneaux divisés qui affiche l'arborescence de fichiers de votre projet en temps réel à côté de Claude Code, montrant le répertoire de travail actuel, masquant le bruit et permettant à toutes les frappes de passer.
Tableau de bord localhost pour les pages de sortie HTML de Claude avec rechargement en direct
Une petite page d'accueil localhost qui rassemble toutes les pages HTML générées par Claude AI, avec rechargement automatique, indicateurs de mise à jour et volet de prévisualisation. Les agents enregistrent des pages via des liens symboliques.
Contourner l'isolation du bac à sable NemoClaw pour l'agent local Nemotron 9B
Un développeur a contourné l'isolation sandbox de NemoClaw pour exécuter un agent entièrement local en utilisant Nemotron 9B avec appels d'outils sur un seul RTX 5090. L'approche impliquait une configuration iptables, un relais TCP personnalisé et une traduction en temps réel des appels d'outils.
Claude Code Flux de travail dynamiques : Sous-agents parallèles et mode UltraCode
Claude Code introduit des workflows dynamiques qui orchestrent des dizaines à des centaines de sous-agents parallèles pour des tâches complexes comme la chasse aux bugs à l'échelle d'une base de code, les migrations massives et la vérification multi-angle. Le mode UltraCode déclenche automatiquement les workflows sur les problèmes difficiles.