ワンクリックで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