Definir uma referência, não recuperar uma aplicação
Este percurso ajuda desenvolvedores frontend e designers a preparar uma tela estática para implementação. O resultado é um inventário visual revisado, não código-fonte nem uma aplicação clonada. Combine janela, estado, finalidade e revisor. Para telas autenticadas, use captura autorizada do estado real; capturas públicas podem exibir avisos, recursos incompletos ou outra vista. Metadados ajudam a conferir dimensões e orientação, não permissão ou funcionamento.
Preparar privacidade e coordenadas antes do envio
Ferramentas auxiliares também podem processar arquivos no servidor. Remova pixels sensíveis localmente antes de usá-las ou aplique a máscara pré-envio no extrator. Revise ainda nomes, metadados e contexto. Mantenha o original restrito fora do pacote. Consentimento não garante retenção zero pelo fornecedor.
O extrator aceita PNG, JPEG e WebP até 10 MB, 16 MP e 8192 pixels por lado, com até 240 nós. Ao recortar, registre dimensões originais, deslocamento e tamanho final. As caixas pertencem à imagem analisada, não automaticamente à captura completa, a pixels CSS ou a outra janela. Confira qualquer conversão manual. Recortar não elimina dados presentes em outras cópias.
Revisar observações, não confiar no indicador
O modo rápido faz uma requisição de IA; o preciso acrescenta até duas revisões locais. Correções inválidas são descartadas e ficam parciais. O OCR inglês local opcional pode alinhar texto próximo com correspondência exata e alta confiança; outras caixas seguem estimadas, e sua ausência não bloqueia a análise. A demonstração offline é sintética, não comprovação da sua captura.
Examine rótulos, tipos, contenção, pais e limites na imagem exata. Um retângulo não comprova botão HTML, evento de clique ou acesso por teclado. Registre áreas ausentes e cortadas sem inventar detalhes. Confiança do modelo não é precisão medida. Preserve o primeiro JSON, corrija o resultado e anote reformulações separadamente. Baixe JSON e Markdown após corrigir; eles incluem estado da revisão e uso, mas não a imagem, que deve ser guardada à parte.
Validar e justificar alterações
Defina o esquema sobre a exportação real com regras compatíveis, sem supor estabilidade de formato interno. Valide tipos e campos e consulte componentes representativos no documento completo. Referências entre nós, identidades, dimensões impossíveis e caixas fora da imagem exigem verificações adicionais.
Compare JSON inicial e final e explique texto corrigido, caixas movidas, pais alterados e nós inventados removidos. Reordenar listas ou regenerar identificadores gera ruído; alinhe pelo contexto visual sem chamar cada caminho alterado de mudança real da interface. Preserve incertezas e estados parciais em vez de apagá-los para aprovar um relatório.
Entregar evidências que possam ser questionadas
Inclua imagem aprovada, JSON, Markdown, mapeamento do recorte, esquema, decisões e perguntas abertas com nomes de revisão correspondentes. Revise privacidade novamente e calcule SHA-256 após a última alteração. Resumos identificam cópias, não qualidade ou propriedade; links temporários não são entrega durável.
O desenvolvimento deve testar comportamento, responsividade, teclado e acessibilidade no navegador. Este percurso termina na referência visual. Use inventário de estilos para observações CSS e propostas de tokens, comparação responsiva para mudanças reais de renderização e guias com capturas para procedimentos.