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
Memex: Plugin de Memória de Código Aberto para Claude Cowork
Memex é um plugin de código aberto que dá ao Claude Cowork memória persistente entre sessões usando um sistema de carregamento de contexto em camadas. Após executar /memex:init uma vez, o Claude se atualiza em cerca de 20 segundos por sessão e retoma de onde você parou.
Espaço de Estados: Crie Aplicativos Web Interativos para Agentes OpenClaw com Markdown
Statespace é uma estrutura gratuita e de código aberto para criar e compartilhar aplicativos web amigáveis para IA que agentes OpenClaw podem navegar e interagir usando Markdown puro. Permite definir ferramentas, componentes e instruções em arquivos Markdown que os agentes acessam via HTTP.
O usuário do OpenClaw cria a habilidade 'feelslikeclaude' para melhorar o comportamento do fluxo de trabalho do agente ChatGPT.
Um desenvolvedor mudou sua configuração do OpenClaw de Claude para ChatGPT e descobriu que a diferença principal estava no comportamento do fluxo de trabalho, não no estilo de escrita. Eles criaram uma habilidade no clawhub chamada 'feelslikeclaude' para orientar o ChatGPT em direção a melhores hábitos de execução.
Helix: Framework de Código Aberto Transforma Claude em Agente de IA Pessoal para macOS
Helix é um framework de código aberto que conecta o Claude via Claude Code no Terminal ao macOS através de quatro plugins de servidor MCP, permitindo que o Claude controle aplicativos, mantenha memória persistente, execute tarefas agendadas e opere com processamento de voz local.