원클릭으로 Manus에서 모든 스킬 실행

live-devtools-transcript-action-plan

스타1

포크0

업데이트2026년 4월 5일 00:59

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.

설치

Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.

Manus에서 실행

출처

matiasportugau-ui

matiasportugau-ui/Calculadora-BMC

GitHub 저장소 열기 Creator 저장소 보기

다운로드

Manus에서 실행

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 narrativa U-01… con columnas: orden, ACTION (hecho), EXPECT (intención), notas de audio (p. ej. “paralim” → término UI corregido).
Tabla evidencia E-01…: tool MCP (list_console_messages, list_network_requests, take_snapshot, etc.) + hallazgo sin inventar (solo output real).
Cruce User 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).

Referencias repo

Skill narrativa MCP: .cursor/skills/live-devtools-narrative-mcp/SKILL.md
Plantilla informe: docs/team/ux-feedback/TEMPLATE-LIVE-DEVTOOLS-NARRATIVE-REPORT.md
Ejemplo informe transcript: docs/team/ux-feedback/LIVE-DEVTOOLS-NARRATIVE-REPORT-2026-04-05-transcript-roof-visor-media.md

이 저장소의 다른 Skills

같은 저장소

harness-ratchet

matiasportugau-ui/Calculadora-BMC

Turn a repeated agent or prod failure into a permanent harness improvement (test/hook/script + optional AGENTS line + RULE-PROVENANCE). Use when user says harness-ratchet, ratchet this failure, never again, or after a live-fix that should become structural.

2026-07-181

shopify-complete-connector

matiasportugau-ui/Calculadora-BMC

Complete Shopify store connector for Calculadora BMC: OAuth/PKCE, Admin GraphQL, Storefront API, webhooks, catalog sync, products/variants/inventory/prices, orders, customers, discounts, metafields, theme/Liquid/design, Checkout Extensibility, Shopify Functions, app embeds, and Partner Dashboard options. Use when the user wants to develop Shopify design, functionality, catalog, storefront, theme, app extensions, or any Shopify option from this repo; also for shopify connector, conectar Shopify, tienda Shopify, theme Liquid, Online Store 2.0, or full-store Shopify integration (broader than shopify-integration-v4 questions/quotes).

2026-07-101

shopify-integration-v4

matiasportugau-ui/Calculadora-BMC

Implements and maintains the Shopify questions/quotes flow that replaces Mercado Libre: OAuth 2.0/PKCE, webhooks→Google Sheet sync, admin question list, LLM/rule-based suggested replies, one-click approve & send, auto-reply scheduler (UTC-3). Use when working on Shopify backend, Cloud Run, Firestore, Sheets API, HMAC validation, or LATAM Spanish reply formatting for Uruguay.

2026-07-101

issue-and-fix

matiasportugau-ui/Calculadora-BMC

Orchestrates local Agent Review Issue and Fix: Bugbot review (optional), bmc-issue-fix-reviewer fixes, optional security-review, expert-debug cleanup, and gate:local. Use when user says /issue-and-fix, issue and fix, revisar y arreglar, agent review local, or Cursor Agent Review insufficient funds.

2026-06-231

bmc-issue-fix-reviewer

matiasportugau-ui/Calculadora-BMC

Local alternative to Cursor Agent Review (Issue and Fix): reviews branch or uncommitted diffs against project rules, finds bugs/security/logic issues, and applies fixes. Runs gate:local after fixes. Use when Agent Review fails (insufficient funds), user says issue and fix, revisar y arreglar, or review and fix changes.

2026-06-231

remotion-best-practices

matiasportugau-ui/Calculadora-BMC

Remotion video creation expertise — compositions, useCurrentFrame, interpolate, Sequences, assets via staticFile, render CLI, captions, audio, FFmpeg. Use when working with .tsx files importing from "remotion" or "@remotion/*", building video compositions in React, configuring Root.tsx, rendering frames/stills, adding audio/video/captions, or when the user mentions Remotion, Remotion Studio, or video composition. Do NOT use for general React UI work, non-video animation, or pure ffmpeg pipelines without React.

2026-05-091

name	live-devtools-transcript-action-plan
description	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.
metadata	{"filePattern":"docs/team/ux-feedback/LIVE-DEVTOOLS*.md"}

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 narrativa U-01… con columnas: orden, ACTION (hecho), EXPECT (intención), notas de audio (p. ej. “paralim” → término UI corregido).
Tabla evidencia E-01…: tool MCP (list_console_messages, list_network_requests, take_snapshot, etc.) + hallazgo sin inventar (solo output real).
Cruce User 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).

Referencias repo

Skill narrativa MCP: .cursor/skills/live-devtools-narrative-mcp/SKILL.md
Plantilla informe: docs/team/ux-feedback/TEMPLATE-LIVE-DEVTOOLS-NARRATIVE-REPORT.md
Ejemplo informe transcript: docs/team/ux-feedback/LIVE-DEVTOOLS-NARRATIVE-REPORT-2026-04-05-transcript-roof-visor-media.md