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
Modo de Brainstorming do ClaudeAI Ganha Companheiro Visual para Aprovação de Mockups e UI
Um usuário descobre um novo recurso 'Companheiro Visual' no modo de brainstorming do ClaudeAI que serve mockups em um servidor web local, permitindo ajustes de UI antes da construção.
Qwen2-0.5B Ajustado para Automação de Tarefas Locais com llama.cpp
Um desenvolvedor ajustou o Qwen2-0.5B para automação de tarefas usando LoRA em aproximadamente 1000 exemplos personalizados, criando um modelo GGUF de 300MB que roda localmente na CPU via llama.cpp. O modelo recebe tarefas em linguagem natural, detecta os tipos de tarefa e gera planos de execução com comandos CLI e atalhos de teclado.
Sua Ferramenta de Participação Justa: Calcule Sua Parte Igual nos Lucros da Empresa
Um desenvolvedor criou uma ferramenta web usando Claude Code e Vercel que calcula qual seria sua parte igual dos lucros anuais do seu empregador com base nos relatórios SEC 10-K. A ferramenta mostra números específicos como US$ 747.000 por funcionário da Apple e US$ 2,8 milhões por funcionário da NVIDIA.
ClaudeOrb: Extensão do Chrome Monitora o Uso da API Claude em Tempo Real
Um desenvolvedor criou o ClaudeOrb, uma extensão gratuita do Chrome que exibe a porcentagem da sessão do Claude, limites semanais, temporizadores de contagem regressiva, custos do Claude Code e tendências de gastos de 7 dias. A ferramenta foi criada usando o Claude Code após atingir limites de taxa sem aviso.