uimax-mcp: Servidor MCP Gratuito para Revisão e Correção Automatizada de Código Frontend com Claude Code
Pipeline Automatizado de Revisão Frontend
O servidor MCP uimax-mcp foi criado para automatizar um fluxo de trabalho repetitivo: pedir ao Claude para atuar como especialista frontend em revisões de código e, em seguida, usar o Claude Code para implementar as correções sugeridas. Esta ferramenta empacota todo esse processo em um único pipeline automatizado.
Funcionalidade Principal
Com o comando review my UI at localhost:3000, a ferramenta executa estas ações:
- Captura uma screenshot real da sua aplicação em execução usando Puppeteer
- Executa auditorias do Google Lighthouse para pontuações de Performance, Acessibilidade, Melhores Práticas e SEO
- Executa auditoria de acessibilidade axe-core WCAG 2.1
- Verifica o código-fonte em busca de mais de 25 antipadrões
- Retorna todos os dados ao Claude Code com metodologia de revisão especializada integrada
- O Claude Code gera a revisão e implementa correções automaticamente
Recursos Adicionais
O MCP inclui 12 ferramentas no total:
- Comparação de screenshots antes/depois
- Verificações de viewport responsiva
- Detecção de modo escuro
- Exportação de relatório HTML independente
- Configuração de regras personalizadas
Instalação e Uso
Instale com um único comando:
claude mcp add uimax -- npx -y uimax-mcp@latestA ferramenta é 100% gratuita para usuários do plano Pro, não requer chaves de API e não gera custos extras. O MCP coleta os dados, enquanto o Claude Code (usando sua assinatura existente) processa a análise especializada e as correções.
Resultados de Testes no Mundo Real
Durante testes em projetos reais, a ferramenta encontrou 109 problemas de código em uma aplicação, incluindo 32 problemas de acessibilidade por teclado que levariam mais de 30 minutos para identificar manualmente.
Disponibilidade
O código-fonte está disponível no GitHub: https://github.com/prembobby39-gif/uimax-mcp
Pacote disponível no npm: https://npmjs.com/package/uimax-mcp
📖 Read the full source: r/ClaudeAI
👀 See Also
A Skillware adiciona um gerador de dados sintéticos com pontuação de entropia para ajuste fino de modelos locais.
A Skillware lançou uma nova habilidade de gerador de dados sintéticos que usa heurísticas de taxa de compressão zlib para pontuar a diversidade da saída, ajudando a prevenir o colapso do modelo. A ferramenta funciona pronta para uso com Ollama, suporta Gemini/Anthropic para lotes de alto raciocínio e gera lotes JSON para pipelines de ajuste fino .jsonl.
SymDex: Indexador de Código MCP de Código Aberto Reduz o Uso de Tokens por Agentes de IA
SymDex é um indexador de código MCP de código aberto que pré-indexa bases de código para ajudar agentes de IA de programação a encontrar funções e classes sem ler arquivos inteiros, reduzindo o uso de tokens em aproximadamente 97% por consulta, de acordo com os benchmarks do desenvolvedor.
Engramx v3.4: Servidor MCP + Grafo de Conhecimento SQLite Reduz o Uso de Tokens do Claude Code em 89%
Engramx v3.4 intercepta leituras de arquivos para agentes Claude Code, retornando resumos estruturais em vez do conteúdo bruto. Benchmarks mostram redução agregada de 89,1% de tokens em uma base de código de 87 arquivos.
Apresentando cltree: Uma TUI de Árvore de Arquivos para o Claude Code
cltree é uma TUI (Interface de Usuário de Terminal) com painel dividido que exibe a árvore de arquivos do seu projeto em tempo real ao lado do Claude Code, mostrando o diretório de trabalho atual, ocultando ruídos e permitindo que todas as teclas digitadas sejam passadas diretamente.