Convierte transcripción de navegación (voz/texto) en beats U-xx, cruza con evidencia MCP chrome-devtools (E-xx), y produce plan de acción + parches; repetible para Calculadora BMC local o prod.
Instalación
Instalar con Codex o Claude Copia este prompt, pégalo en Codex, Claude u otro asistente, y deja que revise la página de la skill y la instale por ti.
Convierte transcripción de navegación (voz/texto) en beats U-xx, cruza con evidencia MCP chrome-devtools (E-xx), y produce plan de acción + parches; repetible para Calculadora BMC local o prod.
Transcripción + DevTools → plan de acción (repetible)
Cuándo usarla
El usuario pegó o dictó comentarios mientras usaba la app (local o prod).
Querés orden cronológico, cruce con consola/red/snapshot MCP, y un plan de implementación con criterios de aceptación.
Invocación sugerida: “transcripción + DevTools plan” o “organizá mi narrativa con MCP”.
Entradas que el usuario puede dar
Transcripción cruda (ES/EN mezclado está bien).
URL base: default prod https://calculadora-bmc.vercel.app o local http://localhost:5173/.
Imágenes / assets opcionales (guardar en public/images/ y referenciar por ruta estable).
Salida obligatoria
Tabla narrativaU-01… con columnas: orden, ACTION (hecho), EXPECT (intención), notas de audio (p. ej. “paralim” → término UI corregido).
Tabla evidenciaE-01…: tool MCP (list_console_messages, list_network_requests, take_snapshot, etc.) + hallazgo sin inventar (solo output real).
CruceUser ID → Evidence IDs + columna “¿coincide?”.
Plan de acción por fases: investigación → cambio de datos (quoteVisorMedia, roofPanelCatalogMapUrls, UI QuoteVisualVisor, tarjetas familia en PanelinCalculadoraV3_backup) → verificación (MCP otra pasada + npm run lint / npm test).
Informe en docs/team/ux-feedback/LIVE-DEVTOOLS-NARRATIVE-REPORT-YYYY-MM-DD-<slug>.md.
Si hubo trabajo sustantivo: línea en docs/team/PROJECT-STATE.md → Cambios recientes.
Protocolo del agente
Normalizar transcripción a beats ordenados; corregir homófonos (“paralim” → pretil/Panelin según contexto; “sabas” → aguas).
Ejecutar MCP chrome-devtools en la URL acordada: navegar, consola (error > warn > issue), red (4xx/5xx), snapshot en pasos clave si el usuario no detalló IDs de DOM.
Mapear beats a archivos probables del repo (sin adivinar precios ni IDs de Sheets): buscar strings (rg) en src/components/QuoteVisualVisor.jsx, src/data/quoteVisorMedia.js, src/data/roofPanelCatalogMapUrls.js, PanelinCalculadoraV3_backup.jsx.
Implementar solo lo acordado por la transcripción + plan; assets en public/images/; URLs Shopify solo si el usuario pidió explícitamente CDN.
Cerrar con checklist de verificación y próxima corrida MCP (mismo flujo usuario).
Anti-patrones
No afirmar que MCP vio algo si no hubo tool output en el hilo.
No mezclar hallazgos de prod y local en la misma tabla sin etiquetar entorno.
No reemplazar imágenes de catálogo sin dejar fallback documentado si Shopify sync las sobrescribe (nota en informe).
