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
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.
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.
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.
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.