Definir una referencia, no una aplicación recuperada
Este recorrido sirve a desarrolladores frontend y diseñadores que preparan una pantalla estática para implementación. El resultado es un inventario visual revisado, no código fuente ni una aplicación clonada. Acuerda ventana, estado, finalidad y responsable. Para una pantalla autenticada utiliza una captura autorizada del estado real; una captura pública puede mostrar avisos de consentimiento, recursos incompletos u otra vista. Los metadatos ayudan a comprobar dimensiones y orientación, no permisos ni integridad funcional.
Preparar privacidad y coordenadas antes de subir
Las herramientas auxiliares también pueden procesar archivos en un servidor. Elimina información sensible localmente antes de utilizarlas, o aplica la máscara previa al envío dentro del extractor. Revisa además nombres, metadatos y contexto. Conserva el original restringido fuera del paquete. El consentimiento no garantiza conservación cero por parte del proveedor.
El extractor acepta PNG, JPEG y WebP de hasta 10 MB, 16 MP y 8192 píxeles por lado, con un máximo de 240 nodos. Si recortas, registra tamaño original, desplazamiento y tamaño resultante. Las cajas pertenecen a la imagen analizada, no automáticamente a la captura completa, a píxeles CSS ni a otro tamaño de ventana. Comprueba cualquier transformación manual. Recortar no elimina datos presentes en otras copias.
Revisar las observaciones, no la confianza
El modo rápido hace una petición de IA; el preciso añade hasta dos revisiones locales. Los parches inválidos quedan descartados y parciales. El OCR inglés local opcional puede alinear texto cercano con coincidencia exacta y alta confianza; las demás cajas siguen estimadas y su ausencia no bloquea el análisis. La demostración sin conexión es sintética, no una prueba de tu captura.
Inspecciona etiquetas, tipos, contención, padres y límites contra la imagen exacta. Un rectángulo no demuestra que exista un botón HTML, un evento de clic o acceso por teclado. Registra regiones ausentes o cortadas y dudas, sin inventarlas. La confianza del modelo no es precisión medida. Conserva el primer JSON, corrige el resultado y describe cambios deseados aparte. Descarga JSON y Markdown después de corregir; incluyen estado de revisión y uso, pero no la imagen, que debes conservar separadamente.
Validar y explicar la revisión
Define el esquema sobre la exportación real con reglas compatibles, sin asumir estabilidad de un formato interno. Valida tipos y campos y consulta nodos representativos en el documento completo. Referencias entre nodos, identidades, dimensiones imposibles y cajas fuera de imagen requieren comprobaciones adicionales.
Compara JSON inicial y final y explica texto corregido, cajas movidas, padres cambiados y nodos inventados eliminados. Reordenar matrices o regenerar identificadores produce ruido; alinea por contexto visual y no llames a cada diferencia un cambio real de interfaz. Conserva estados parciales en lugar de ocultarlos para aprobar un informe.
Entregar evidencia cuestionable y verificable
Incluye imagen aprobada, JSON, Markdown, mapeo del recorte, esquema, decisiones y pendientes con nombres de revisión correspondientes. Revisa de nuevo privacidad y calcula SHA-256 después del último cambio. Los resúmenes identifican copias, no prueban calidad ni propiedad; los enlaces temporales no son una entrega duradera.
El desarrollo debe comprobar comportamiento, adaptación, teclado y accesibilidad en el navegador. Este recorrido termina en la referencia visual. Usa el flujo de inventario de estilos para valores CSS y propuestas de tokens, el de comparación adaptable para cambios renderizados reales o el de guías con capturas para procedimientos.