Ejemplos de instrucciones

Usa estas instrucciones con cualquier agente MCP conectado. Sustituye los valores entre corchetes por identificadores capturados de producto, versión y página. Selecciona ID de tipo de plataforma y entorno de list_platforms.options.platforms[], que incluye navegadores y entornos nativos. Usa los ID devueltos, sin suponer que escritorio/móvil es una lista completa. Para reconstruir usa solo pares capturados de list_platforms.platforms[]; las opciones admitidas no implican datos almacenados.

Buscar un producto y versión

Usa Reconstruct MCP para listar productos. Para [product], lista los pares plataforma/entorno capturados y las versiones de plataforma desktop y entorno web. Selecciona una versión y resume páginas y artefactos. No combines versiones ni entornos.

Ruta esperada: list_products → list_platforms → list_versions(platform="desktop", environment="web") → get_platform_summary(platform="desktop", environment="web") → list_pages.

list_pages.views[] proporciona las claves exactas guardadas. Selecciona una como view; puede ser desktop, mobile, un perfil numerado o etiqueta de dispositivo.

Reconstruir una página a partir de una captura

Lee reconstruct-build con get_skill. Inspecciona [product], versión [version], entorno [environment], página [page]. Descubre perfiles con list_pages. Antes de la geometría, lee get_page_summary.intent, list_flows y get_flow pertinentes. Obtén get_interface_scene para las vistas necesarias y procesa el artefacto con verificación de hash mediante código. Construye una interfaz semántica adaptable con recursos archivados, estados y movimiento medidos. Conserva la procedencia observed/inferred/operator e informa de carencias e hipótesis. Verifica anchos capturados e intermedios, estados y flujos.

Scene devuelve referencias al artefacto. En HTTP, las rutas pertenecen al servidor: descarga los URI con la autorización MCP y verifica el hash. Para una instantánea diagnóstica de ventana fija solicitada explícitamente, usa get_reconstruction_bundle por fragmentos de hasta dos alturas; conserva nombres y revisa starterLimitations, captureTruncated y selectionComplete. La plantilla no demuestra comportamiento adaptable.

Recrear un componente

Para [product], versión [version], entorno [environment], página [page], vista guardada [view], busca [component] con get_page_outline. Lee un get_section_bundle de su región padre o agrupa regiones con get_page_bundles. Empieza con texto de vista previa. Solicita texto completo o capas individuales solo si el paquete no basta. Resuelve medios con get_element_asset y fuentes mediante get_fonts y get_capture_asset. Implementa el componente e identifica comportamiento inferido.

Los límites de componentes son heurísticos. Las hojas del esquema anidado son pistas estructurales; evita pedir un paquete por hoja. Las imágenes ofrecen comprobaciones finales opcionales; la IR estructurada proporciona pruebas de contenido y distribución.

Auditar navegación y flujos

Para [product], versión [version], entorno [environment], página/vista [page]/[view], lee get_page_summary.intent, list_flows y get_flow(flowId=...). Revisa tareas, pasos, pruebas y carencias. Separa resultados esperados y observados. Contrasta con get_page_transitions, manifiestos, pasos registrados y repeticiones del mismo entorno. Informa de semántica ausente u obsoleta; un enlace descubierto no demuestra una acción ni un resultado registrado.

Comparar escritorio y móvil

Para [product], versión [version], entorno web, lista perfiles guardados de [page]. Compara uno de escritorio y uno móvil usando resúmenes, IR y geometría medida. Identifica cambios de distribución, contenido movido o ausente y límites de captura. Usa imágenes solo para verificación visual opcional; no infieras una captura móvil ausente a partir de datos de escritorio.

Para comparar entornos nativos, elige pares capturados explícitos, por ejemplo desktop/macos y mobile/ios, y mantén separadas las pruebas de cada entorno.

Inventariar recursos de diseño

Para [product], versión [version], plataforma [desktop-or-mobile], entorno [environment], inspecciona get_technology_stack, get_fonts, get_themes, list_product_assets y list_archived_assets. Prefiere originales capturados mediante get_capture_asset; usa URL de origen solo si no hay bytes almacenados. Identifica fuentes, temas, medios y tecnologías detectadas. Declara recursos sustituidos y detalles inciertos de código fuente.

Por defecto la captura conserva hasta 2500 elementos visibles por página; el límite se define por trabajo. Estados hover/focus/active, contenido revelado por puntero/clic, esquema alternativo y marcos legibles se registran como pruebas donde la página lo permite, pero otros comportamientos dinámicos pueden faltar o ser parciales. El rastreo predeterminado usa la configuración regional inicial; captureAllLocales=true puede incluir rutas traducidas. Informa de truncated y metadatos de límites reales en lugar de suponer cobertura completa. Consulta el catálogo de herramientas para parámetros, acceso y límites de uso.

Revisar estados de interacción

Para [product], versión [version], página [page], vista [view], lee evidence de get_page_summary. Lista componentes interactivos con estados medidos, contenido revelado por clic/puntero y diferencias del tema alternativo. Abre las imágenes referenciadas con get_page_evidence_image solo donde un estado necesite comprobación visual e informa de estados no capturados.

Enviar y supervisar una solicitud de producto

Obtén las opciones disponibles y envía una solicitud de alta para https://example.com/ usando desktop/web si está disponible. Conserva el ID devuelto, comprueba su estado y espera cambios mediante wait_product_request. Continúa hasta que se apruebe o rechace; informa de la decisión. La aprobación no indica que la nueva versión capturada esté publicada.

Envía una solicitud de actualización para el producto <product-key> con la plataforma/entorno seleccionados. Usa la URL de origen existente. Conserva el ID y supervisa la solicitud; no crees otra después de agotar una espera.