uimax-mcp: Servidor MCP gratuito para revisión y corrección automatizada de código frontend con Claude Code
Canalización Automatizada de Revisión Frontend
El servidor MCP uimax-mcp fue creado para automatizar un flujo de trabajo repetitivo: pedirle a Claude que actúe como experto frontend para revisiones de código, y luego usar Claude Code para implementar las correcciones sugeridas. Esta herramienta empaqueta todo ese proceso en una única canalización automatizada.
Funcionalidad Principal
Con el comando review my UI at localhost:3000, la herramienta realiza estas acciones:
- Captura una captura de pantalla real de tu aplicación en ejecución usando Puppeteer
- Ejecuta auditorías de Google Lighthouse para puntuaciones de Rendimiento, Accesibilidad, Mejores Prácticas y SEO
- Ejecuta auditoría de accesibilidad axe-core WCAG 2.1
- Escanea el código fuente en busca de más de 25 antipatrones
- Devuelve todos los datos a Claude Code con metodología de revisión experta integrada
- Claude Code genera la revisión e implementa las correcciones automáticamente
Características Adicionales
El MCP incluye 12 herramientas en total:
- Comparación de capturas de pantalla antes/después
- Verificaciones de viewport responsivo
- Detección de modo oscuro
- Exportación de informe HTML independiente
- Configuración de reglas personalizadas
Instalación y Uso
Instala con un solo comando:
claude mcp add uimax -- npx -y uimax-mcp@latestLa herramienta es 100% gratuita para usuarios del plan Pro, no requiere claves API y no genera costos adicionales. El MCP recopila los datos, mientras que Claude Code (usando tu suscripción existente) maneja el análisis experto y las correcciones.
Resultados de Pruebas en el Mundo Real
Durante las pruebas en proyectos reales, la herramienta encontró 109 hallazgos de código en una aplicación, incluyendo 32 problemas de accesibilidad de teclado que habrían tomado más de 30 minutos para identificar manualmente.
Disponibilidad
El código fuente está disponible en GitHub: https://github.com/prembobby39-gif/uimax-mcp
Paquete disponible en npm: https://npmjs.com/package/uimax-mcp
📖 Leer la fuente completa: r/ClaudeAI
👀 Ver también
Habilidad del Agente de Funciones Modernas de CSS: Implementar Prácticas CSS Modernas en Agentes de Codificación de IA
Una habilidad para agentes que impone más de 57 características modernas de CSS en color, diseño, selectores, animación, tipografía, posicionamiento y patrones de componentes, compatible con Claude Code, Cursor, Windsurf, Codex, Cline y GitHub Copilot.
SuperHQ: Ejecuta agentes de codificación de IA en sandboxes de microVM aislados.
SuperHQ es una aplicación de código abierto en Rust/GPUI que ejecuta agentes de codificación de IA (Claude Code, OpenAI Codex, Pi) en sandboxes de microVM aislados. Cada agente obtiene una VM Debian completa, monta los directorios del proyecto en modo solo lectura y nunca ve las claves API del host, ya que se inyectan a través de un proxy de autenticación.
Tinta: Una Plataforma de Implementación Donde los Agentes de IA Claude Son los Usuarios Principales
Ink (ml.ink) es una plataforma de despliegue diseñada para agentes de IA como Claude, que incluye despliegue con una sola llamada de herramienta, detección automática de frameworks y servicios integrados como cómputo, bases de datos, DNS, secretos, dominios, métricas y registros.
OpenGauge: Herramienta de código abierto para rastrear costos de agentes LLM localmente
OpenGauge es una herramienta de código abierto que monitorea las llamadas API de agentes de LLM como OpenClaw, registrando el uso de tokens, costos y latencia en una base de datos SQLite local. Incluye modo proxy para registro automático, estadísticas detalladas de costos y funcionalidad de cortacircuitos para evitar bucles descontrolados.