Descrição da ferramenta: DevLensPro é uma extensão para Chrome que conecta seu navegador ao Claude Code, permitindo identificar e corrigir bugs automaticamente ao apontar elementos de UI, com suporte a CSS, HTML, React e logs, garantindo privacidade e integração eficiente.
Atributos:
🛠️ Automação de Correções: Realiza correções automáticas de bugs identificados na interface do usuário.
🔍 Análise Contextual: Compreende o contexto do elemento apontado, incluindo CSS, HTML e componentes React.
🔒 Privacidade Total: Funciona 100% localmente, preservando a privacidade dos dados do usuário.
🔗 Integração MCP Protocol: Compatível com o protocolo MCP para conexão fluida com outras ferramentas.
💻 Código Aberto: Fonte aberta que permite personalizações e auditorias de segurança.
Exemplos de uso:
🖱️ Ponto em Elemento UI: Apontar para um botão na página para detectar problemas de layout ou funcionalidade.
📜 Análise de Logs: Utilizar logs do console para identificar erros específicos no código.
🎨 Análise de Estilos CSS: Inspecionar elementos para verificar conflitos ou problemas de estilização.
⚛️ Análise de Componentes React: Detectar inconsistências ou bugs em componentes React utilizados na aplicação.
🖼️ Screenshots Automáticos: Tirar capturas da interface enquanto realiza depuração automatizada dos elementos visualizados.