# Ejemplos de instrucciones {/* #prompt-examples */} Usa estas instrucciones con cualquier [agente MCP conectado](/docs/es/connect-ai-agents). 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 {/* #find-a-product-and-version */} > 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 {/* #rebuild-a-page-from-a-capture */} > 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 {/* #recreate-one-component */} > 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 {/* #audit-navigation-and-flows */} > 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 {/* #compare-desktop-and-mobile */} > 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 {/* #inventory-design-assets */} > 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](/docs/es/mcp-tools) para parámetros, acceso y límites de uso. ## Revisar estados de interacción {/* #review-interaction-states */} > 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 {/* #submit-and-monitor-a-product-request */} > 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 `` 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.