Browser Use
Browser agents and stealth cloud browsers for AI: run web tasks, fill forms, extract data.
Computadora o nube✓ del servicio · browser-use.com
Playwright Trace Decoder MCP
What it does
MCP server for unpacking and analyzing Playwright trace.zip archives
- Connects Se ejecuta en tu computadora
- Account or key No key needed
- Category Web y navegadores
Instalación
Elige la app de IA que usas y copia la configuración.
Pasó 3/3 revisiones · Funciona en tu computadora · ✓ Comandos revisados el 13 nov 2026
Primero: ¿qué IA usas?
Elige tu app y los pasos aparecen abajo.
Funciona con Claude, pero hay que preparar algo antes
Instala Node.js en tu computadora primero (una sola vez) · Solo en la app de Claude para computadora (Windows o Mac), no en la web ni en el móvil
Que la IA lo instale
Copia este mensaje en un chat de Claude. La IA revisa tu equipo, te dice qué archivo va a cambiar y espera tu visto bueno cada vez.
Instala el MCP server Playwright Trace Decoder MCP para Claude en este equipo, en este orden: 1) Comprueba Node.js con node -v. Si falta, dime que lo instale desde https://nodejs.org/en/download; no lo instales tú. 2) Usa solo esta configuración (ya revisada por PopNx MCP): { "mcpServers": { "playwright-trace-decoder": { "command": "npx", "args": [ "-y", "playwright-trace-decoder-mcp" ] } } } 3) Dime la ruta completa del archivo que vas a cambiar o el comando que vas a ejecutar y espera mi visto bueno. 4) No hace falta clave. 5) Haz lo acordado y comprueba que las herramientas de Playwright Trace Decoder MCP aparecen de verdad.Este mensaje no lleva tu clave. Si hace falta una, la IA te pedirá que la pegues tú en el archivo o en el campo de la app.
Instala Node.js (si no lo tienes)
¿Ya está instalado? Compruébalo primero · Abre la Terminal, escribe este comando y pulsa Enter
node -v- Aparece un número de versión, p. ej. v26.13.1 = ya está instalado, sáltate este paso
- Aparece "command not found" (en Windows, "is not recognized") = aún no está instalado, o acabas de instalarlo y debes cerrar y volver a abrir la Terminal
Cómo abrir la Terminal
Mac: pulsa ⌘ + Espacio, escribe Terminal y pulsa Enter
Windows: abre Inicio, escribe Windows PowerShell y elige Abrir
Si no está instalado: Abre la página oficial de descargas, elige la versión LTS y el instalador de clics: .pkg en Mac · .msi en Windows. Haz doble clic y sigue hasta el final. No necesitas ningún comando curl
Abrir la página de descarga de Node.js ↗
Al terminar, cierra la Terminal, ábrela de nuevo y ejecuta el mismo comando. Debe aparecer un número de versión:
node -vSe instala una vez y sirve para todo lo que usa Node.js
Abre el archivo de configuración de la app de Claude de escritorio
SettingsDeveloperEdit Config
Pega esta configuración y guarda el archivo
{ "mcpServers": { "playwright-trace-decoder": { "command": "npx", "args": [ "-y", "playwright-trace-decoder-mcp" ] } } }Cierra Claude y vuelve a abrirlo
Pruébalo
Usa Playwright Trace Decoder MCP y dime qué puedes hacer por mí; luego muéstrame una cosa✓ Si Claude dice que está usando Playwright Trace Decoder MCP o muestra una herramienta de Playwright Trace Decoder MCP en la respuesta, ya está conectado
Nombres de menú comprobados con la ayuda de Anthropic el 11 nov 2026 · tu pantalla puede variar un poco según la versión
ChatGPT todavía no puede conectar Playwright Trace Decoder MCP
Playwright Trace Decoder MCP se instala en tu computadora, pero ChatGPT solo conecta servidores que funcionan en la web
Lo que puedes hacer en su lugar
A · Usa una app que pueda conectar Playwright Trace Decoder MCP
- Instala Node.js en tu computadora primero (una sola vez) · Solo en la app de Claude para computadora (Windows o Mac), no en la web ni en el móvil
- Instala Node.js en tu computadora primero (una sola vez)
- Instala Node.js en tu computadora primero (una sola vez)
- Instala Node.js en tu computadora primero (una sola vez)
B · Otros en Web y navegadores que funcionan con ChatGPT
Elegidos entre los más usados de la misma categoría, solo los que se conectan con una dirección y sin clave
- Firecrawl MCP Server✓ ChatGPT
- webclaw✓ ChatGPT
- Oxylabs MCP✓ ChatGPT
Funciona con Claude Code, pero hay que preparar algo antes
Instala Node.js en tu computadora primero (una sola vez)
Que la IA lo instale
Copia este mensaje en un chat de Claude Code. La IA revisa tu equipo, te dice qué archivo va a cambiar y espera tu visto bueno cada vez.
Instala el MCP server Playwright Trace Decoder MCP para Claude Code en este equipo, en este orden: 1) Comprueba Node.js con node -v. Si falta, dime que lo instale desde https://nodejs.org/en/download; no lo instales tú. 2) Usa solo esta configuración (ya revisada por PopNx MCP): claude mcp add --scope user playwright-trace-decoder -- npx -y playwright-trace-decoder-mcp 3) Dime la ruta completa del archivo que vas a cambiar o el comando que vas a ejecutar y espera mi visto bueno. 4) No hace falta clave. 5) Haz lo acordado y comprueba que las herramientas de Playwright Trace Decoder MCP aparecen de verdad.Este mensaje no lleva tu clave. Si hace falta una, la IA te pedirá que la pegues tú en el archivo o en el campo de la app.
Instala Node.js (si no lo tienes)
¿Ya está instalado? Compruébalo primero · Abre la Terminal, escribe este comando y pulsa Enter
node -v- Aparece un número de versión, p. ej. v26.13.1 = ya está instalado, sáltate este paso
- Aparece "command not found" (en Windows, "is not recognized") = aún no está instalado, o acabas de instalarlo y debes cerrar y volver a abrir la Terminal
Cómo abrir la Terminal
Mac: pulsa ⌘ + Espacio, escribe Terminal y pulsa Enter
Windows: abre Inicio, escribe Windows PowerShell y elige Abrir
Si no está instalado: Abre la página oficial de descargas, elige la versión LTS y el instalador de clics: .pkg en Mac · .msi en Windows. Haz doble clic y sigue hasta el final. No necesitas ningún comando curl
Abrir la página de descarga de Node.js ↗
Al terminar, cierra la Terminal, ábrela de nuevo y ejecuta el mismo comando. Debe aparecer un número de versión:
node -vSe instala una vez y sirve para todo lo que usa Node.js
Abre la Terminal
Mac: pulsa Command+Espacio y escribe Terminal · Windows: abre PowerShell
Pega este comando y pulsa Enter
claude mcp add --scope user playwright-trace-decoder -- npx -y playwright-trace-decoder-mcpEscribe /mcp en Claude Code
Deberías ver Playwright Trace Decoder MCP en la lista como conectado
Pruébalo
Usa Playwright Trace Decoder MCP y dime qué puedes hacer por mí; luego muéstrame una cosa✓ Si Claude Code dice que está usando Playwright Trace Decoder MCP o muestra una herramienta de Playwright Trace Decoder MCP en la respuesta, ya está conectado
Nombres de menú comprobados con la ayuda de Anthropic el 11 nov 2026 · tu pantalla puede variar un poco según la versión
Funciona con Cursor, pero hay que preparar algo antes
Instala Node.js en tu computadora primero (una sola vez)
Que la IA lo instale
Copia este mensaje en un chat de Cursor. La IA revisa tu equipo, te dice qué archivo va a cambiar y espera tu visto bueno cada vez.
Instala el MCP server Playwright Trace Decoder MCP para Cursor en este equipo, en este orden: 1) Comprueba Node.js con node -v. Si falta, dime que lo instale desde https://nodejs.org/en/download; no lo instales tú. 2) Usa solo esta configuración (ya revisada por PopNx MCP): { "mcpServers": { "playwright-trace-decoder": { "command": "npx", "args": [ "-y", "playwright-trace-decoder-mcp" ] } } } 3) Dime la ruta completa del archivo que vas a cambiar o el comando que vas a ejecutar y espera mi visto bueno. 4) No hace falta clave. 5) Haz lo acordado y comprueba que las herramientas de Playwright Trace Decoder MCP aparecen de verdad.Este mensaje no lleva tu clave. Si hace falta una, la IA te pedirá que la pegues tú en el archivo o en el campo de la app.
Instala Node.js (si no lo tienes)
¿Ya está instalado? Compruébalo primero · Abre la Terminal, escribe este comando y pulsa Enter
node -v- Aparece un número de versión, p. ej. v26.13.1 = ya está instalado, sáltate este paso
- Aparece "command not found" (en Windows, "is not recognized") = aún no está instalado, o acabas de instalarlo y debes cerrar y volver a abrir la Terminal
Cómo abrir la Terminal
Mac: pulsa ⌘ + Espacio, escribe Terminal y pulsa Enter
Windows: abre Inicio, escribe Windows PowerShell y elige Abrir
Si no está instalado: Abre la página oficial de descargas, elige la versión LTS y el instalador de clics: .pkg en Mac · .msi en Windows. Haz doble clic y sigue hasta el final. No necesitas ningún comando curl
Abrir la página de descarga de Node.js ↗
Al terminar, cierra la Terminal, ábrela de nuevo y ejecuta el mismo comando. Debe aparecer un número de versión:
node -vSe instala una vez y sirve para todo lo que usa Node.js
Abre el chat de IA de Cursor en modo Agent
Pruébalo
Usa Playwright Trace Decoder MCP y dime qué puedes hacer por mí; luego muéstrame una cosa✓ Si Cursor dice que está usando Playwright Trace Decoder MCP o muestra una herramienta de Playwright Trace Decoder MCP en la respuesta, ya está conectado
Nombres de menú comprobados con la ayuda de Cursor el 11 nov 2026 · tu pantalla puede variar un poco según la versión
Funciona con VS Code, pero hay que preparar algo antes
Instala Node.js en tu computadora primero (una sola vez)
Que la IA lo instale
Copia este mensaje en un chat de VS Code. La IA revisa tu equipo, te dice qué archivo va a cambiar y espera tu visto bueno cada vez.
Instala el MCP server Playwright Trace Decoder MCP para VS Code en este equipo, en este orden: 1) Comprueba Node.js con node -v. Si falta, dime que lo instale desde https://nodejs.org/en/download; no lo instales tú. 2) Usa solo esta configuración (ya revisada por PopNx MCP): { "servers": { "playwright-trace-decoder": { "type": "stdio", "command": "npx", "args": [ "-y", "playwright-trace-decoder-mcp" ] } } } 3) Dime la ruta completa del archivo que vas a cambiar o el comando que vas a ejecutar y espera mi visto bueno. 4) No hace falta clave. 5) Haz lo acordado y comprueba que las herramientas de Playwright Trace Decoder MCP aparecen de verdad.Este mensaje no lleva tu clave. Si hace falta una, la IA te pedirá que la pegues tú en el archivo o en el campo de la app.
Instala Node.js (si no lo tienes)
¿Ya está instalado? Compruébalo primero · Abre la Terminal, escribe este comando y pulsa Enter
node -v- Aparece un número de versión, p. ej. v26.13.1 = ya está instalado, sáltate este paso
- Aparece "command not found" (en Windows, "is not recognized") = aún no está instalado, o acabas de instalarlo y debes cerrar y volver a abrir la Terminal
Cómo abrir la Terminal
Mac: pulsa ⌘ + Espacio, escribe Terminal y pulsa Enter
Windows: abre Inicio, escribe Windows PowerShell y elige Abrir
Si no está instalado: Abre la página oficial de descargas, elige la versión LTS y el instalador de clics: .pkg en Mac · .msi en Windows. Haz doble clic y sigue hasta el final. No necesitas ningún comando curl
Abrir la página de descarga de Node.js ↗
Al terminar, cierra la Terminal, ábrela de nuevo y ejecuta el mismo comando. Debe aparecer un número de versión:
node -vSe instala una vez y sirve para todo lo que usa Node.js
Abre el chat de IA de VS Code en modo Agent
Pruébalo
Usa Playwright Trace Decoder MCP y dime qué puedes hacer por mí; luego muéstrame una cosa✓ Si VS Code dice que está usando Playwright Trace Decoder MCP o muestra una herramienta de Playwright Trace Decoder MCP en la respuesta, ya está conectado
Nombres de menú comprobados con la ayuda de VS Code el 11 nov 2026 · tu pantalla puede variar un poco según la versión
Otras apps que usan MCP, como Windsurf, Zed o Gemini CLI, añaden servidores de forma distinta. Míralo en la lista de apps
Ver todas las apps que usan MCP →
La configuración JSON está en “Para desarrolladores”, abajo
Para desarrolladores: comandos de Terminal y configuración JSON
Instalado en tu computadora
Claude Code
claude mcp add --scope user playwright-trace-decoder -- npx -y playwright-trace-decoder-mcpClaude Desktop (claude_desktop_config.json)
{
"mcpServers": {
"playwright-trace-decoder": {
"command": "npx",
"args": [
"-y",
"playwright-trace-decoder-mcp"
]
}
}
}Cursor (~/.cursor/mcp.json)
{
"mcpServers": {
"playwright-trace-decoder": {
"command": "npx",
"args": [
"-y",
"playwright-trace-decoder-mcp"
]
}
}
}VS Code (mcp.json)
{
"servers": {
"playwright-trace-decoder": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"playwright-trace-decoder-mcp"
]
}
}
}Esta configuración se genera a partir de la ficha del creador en el registro. Si el README dice otra cosa, sigue el README.
De un vistazo
Qué apps pueden usarlo
Según cómo se conecta este servidor y la documentación de cada app, comprobado el 10 nov 2026.
Se ejecutan en tu computadora en
ClaudeGooseLM StudioMsty StudioCherry StudioCursorVS Code + GitHub CopilotVisual StudioWindsurf (Devin Desktop)ZedKiroClineContinueJetBrains AI AssistantClaude CodeCodex CLIGemini CLIOpenCodenodecodeWarpLibreChatRaycast
Qué puede hacer
Se ejecuta en tu computadora; la lista de herramientas aparece en tu app de IA después de instalarlo.
Revisiones básicasi
Revisamos información que cualquiera puede ver; no hemos leído el código. Las revisiones que no aplican no se cuentan. · Revisado el 15 nov 2026
- ✓ Superada
El creador coincide con el repo
El nombre en el registro se verificó con la cuenta de GitHub vola-trebla, dueña del repo
- ✓ Superada
Sigue en mantenimiento
Último cambio de código: hace 31 días
- ✓ Superada
Tiene licencia
Usa MIT
- – No aplica
El endpoint responde
Este se ejecuta en tu computadora; no hay endpoint en internet
- – No aplica
Inicio de sesión con OAuth
Se ejecuta en tu computadora y usa ajustes locales en su lugar
- … Aún sin revisar
Sin instrucciones ocultas en las descripciones de herramientas
Se ejecuta en tu computadora; solo podemos leer listas de herramientas de endpoints en internet
Vulnerabilidades publicadas (OSV.dev)
Aún no revisado
Creadores: pedir otra revisión o avisar de un dato erróneo
Conversación
Pregunta, comparte un consejo o avisa de que no funciona. Ordenado por lo que la gente marcó como útil.
Aún no hay publicaciones. Sé la primera persona en preguntar o compartir.
Lo publicado aquí lo escriben usuarios, no el equipo de PopNx.
Reseñas de usuarios
Aún no hay reseñas
Comparado con otros en Web y navegadoresi
- Más estrellas que el 78% de los otros 1530 servidores de esta categoría
- Publicado en el registro más recientemente que el 8% de los otros 1530 servidores de esta categoría
- Revisiones básicas iguales o mejores que el 100% de los otros 1530 servidores de esta categoría
Comparado con todos los servidores activos de esta categoría en el registro. Las estrellas solo cuentan cuando quien lo publica es dueño del repo.
Preguntas frecuentes
¿Es seguro Playwright Trace Decoder MCP?
Superó 3 de 3 revisiones básicas aplicables. No hemos leído el código. Antes de agregar una clave o un token, revisa qué acceso pide el servidor y usa una clave que tenga solo los permisos que necesitas.
¿Qué claves o códigos necesita?
El registro no indica ninguna clave obligatoria, aunque algunos servidores te piden iniciar sesión la primera vez que los usas.
¿Se ejecuta en mi computadora o en la nube?
Se ejecuta en tu computadora. Tu app de IA lo inicia cuando hace falta, y los datos no pasan por los servidores del creador (a menos que el propio servidor llame a un servicio en línea).
¿Sigue en mantenimiento?
El repo de GitHub cambió por última vez hace 31 días, y la última versión (0.2.3) llegó al registro hace 6 meses.
¿Qué apps pueden usarlo?
Las apps compatibles con MCP, como Claude Desktop, Claude Code, Cursor y VS Code. También necesitas Node.js en tu computadora.
¿Qué puedo usar en su lugar?
En la misma categoría: Browser Use, changedetection.io (official), Apify MCP Server, Actionbook, Flowershow
Alternativas parecidas
Misma categoría, otros creadores, comandos ya revisados. Primero los oficiales, luego por estrellas.
Cómo leer una tarjeta:↓ Descargas por semanai★ Estrellas de GitHubiTres pilares: reseñas · revisiones · usoiActualizado = fecha en que se publicó la última versión en el registroi
changedetection.io (official)
Official changedetection.io MCP: web page change tracking, back-in-stock and price alerts.
Se ejecuta en la nube✓ del servicio · changedetection.io
Apify MCP Server
Extract data from any website with thousands of scrapers, crawlers, and automations on Apify Store ⚡
Se ejecuta en la nube✓ del servicio · apify.com
Actionbook
Let your AI agent operate any website through a real, logged-in browser session.
Se ejecuta en la nube✓ del servicio · actionbook.app
Flowershow
Publish Markdown and HTML from your AI session as a live website. No account needed.
Se ejecuta en la nube✓ del servicio · flowershow.app
- Browser Use — En la nube o instalado en tu equipo · Necesita clave · En el directorio de Claude
- changedetection.io (official) — Funciona en la nube, sin instalar nada · Sin clave
- Apify MCP Server — Funciona en la nube, sin instalar nada · Necesita clave
- Actionbook — Funciona en la nube, sin instalar nada · Sin clave
- Flowershow — Funciona en la nube, sin instalar nada · Sin clave
README del creador
Abrir el README
Copiado tal cual del repo del creador. PopNx MCP no lo ha revisado ni lo respalda. Se quitaron HTML, imágenes y scripts. Los enlaces llevan fuera de este sitio.
🎭 playwright-trace-decoder-mcp
An MCP server that unpacks and structures Playwright trace.zip archives so AI agents can perform root-cause analysis on CI failures — without drowning in raw JSON or blowing up the context window.
🤔 The Problem
When a Playwright test fails in CI, you get a trace.zip. It's a binary blob. LLMs can't read it natively, and dumping the raw contents exceeds the context window. Engineers end up copying log snippets into ChatGPT manually like it's 2022.
This MCP server solves that: 16 focused tools that expose exactly the signal an agent needs to diagnose a failure, with pagination and ARIA compression to keep token costs low.
🐸 E2E Failure Investigation Example
Here is a quick look at how an AI agent uses the new tools in v0.3.0 to instantly find and inspect a failure:
- Locate the exact source code bug via
map_locator_to_source:
// Request arguments{ "trace_path": "/path/to/trace.zip" }
// Response payload { "action_type": "Click locator('#super-toad-not-found')", "locator": "#super-toad-not-found", "error": "TimeoutError: locator.click: Timeout 5000ms exceeded.", "step_title": "Click locator('#super-toad-not-found')", "stack": [ { "file": "/Users/albertdev/Projects/ideas/sample-playwright-project/tests/google-pom.spec.ts", "line": 18, "column": 17 } ], "source_location": { "file": "/Users/albertdev/Projects/ideas/sample-playwright-project/tests/google-pom.spec.ts", "line": 18, "column": 17 } }
_No more guessing! The agent knows exactly which file, line, and column caused the timeout._
- Extract critical visual frames around the failure via
extract_critical_frames:
// Request arguments{ "trace_path": "/path/to/trace.zip", "limit": 1 }
// Response payload [ { "timestamp": 1779137404287, "mime_type": "image/jpeg", "step_title": "Clicking #super-toad-not-found element", "data": "/9j/4AAQSkZJRgABAQAAAQABAAD/..." // Base64 JPEG } ]
_Allows the agent to visual-verify page state immediately before/after failure without pulling massive image lists._
- Trim the trace to save CI storage / transfer costs via
trim_trace_archive:
// Request arguments{ "trace_path": "/path/to/trace.zip" }
// Response payload { "original_size_bytes": 2449682, "trimmed_size_bytes": 511698, "compression_ratio_percent": 79, "trimmed_trace_path": "/path/to/trace.trimmed.zip" }
_Shrinks large traces by deleting screenshots outside the critical failure window. Saved 79% of disk space!_
🛠️ Tools
Tools are grouped by how an agent should sequence them when diagnosing a failure.
Inspection — read trace data
| Tool | Arguments | What it returns |
|---|---|---|
get_test_metadata | trace_path | Browser, platform, viewport, test title, wall-clock start time |
get_trace_summary | trace_path | Failing action + top-level error + total action count |
get_action_timeline | trace_path, limit, offset | Paginated list of all actions with API names, locators, and timings |
get_filtered_network_logs | trace_path, limit, offset | Only 4xx/5xx responses — static assets (CSS, JS, fonts, images) stripped |
get_console_errors | trace_path, limit, offset | JS exceptions and warnings from the browser console |
get_element_state_at_failure | trace_path | Failing locator, error message, and raw before/after metadata |
extract_trace_metadata_strict | trace_path | Format version, retry session breakdown, HAR payload mode (embed/attach/omit) |
All list-returning tools support limit (1–500, default 50) and offset pagination with a has_more flag.
trace_path accepts either an absolute local path or an HTTPS URL — the server downloads the file automatically and caches it for the session.
DOM / UI analysis
| Tool | Arguments | What it returns |
|---|---|---|
get_aria_accessibility_tree | trace_path, action_index? | ARIA accessibility tree as compact YAML (~90% fewer tokens than raw HTML). Defaults to the snapshot at the failed action. |
get_dom_mutation_delta | trace_path, action_index | Set-diff of ARIA lines before vs after a specific action — added/removed elements only, not two full DOM dumps |
get_screenshot_at_failure | trace_path, screenshot_index? | Base64 JPEG screenshot closest to the moment of failure. Use when ARIA tree is empty (captcha, blank page). screenshot_index lets you walk the full visual timeline. |
analyze_race_conditions | trace_path | Network requests that were in-flight when an interaction or assertion fired |
correlate_dom_and_network | trace_path | For each action where a fetch completed and the DOM mutated within ±100ms: triggering URL, response status, body snippet, and exact nodes added/removed |
extract_critical_frames | trace_path, lookback_ms?, lookforward_ms?, limit? | Extracts key screencast screenshots (base64) from a temporal window around failure, resolved with step titles |
Root-cause analysis
| Tool | Arguments | What it returns |
|---|---|---|
get_causal_chain_for_failure | trace_path, lookback_ms? | Chronological chain of preceding actions, network errors, and console errors leading to the failure (default window: 5 s) |
generate_error_signature | trace_path | Stable 12-char SHA-1 hash of the normalized error — use to group duplicate failures across parallel CI runs |
compare_traces | passing_trace_path, failing_trace_path | LCS-aligned action sequence between a passing and failing run: structural divergence, timing anomalies (>500 ms), unmatched actions, network delta |
map_locator_to_source | trace_path, action_index? | Maps a failing browser interaction (or specific action index) to the exact line of test code via runner execution stack |
Performance analysis
| Tool | Arguments | What it returns |
|---|---|---|
detect_performance_anomalies | trace_path, slow_action_threshold_ms?, frame_drop_threshold_ms? | Ranked list of slow actions and frame drops with suspected_cause (main thread blocked / network saturation / navigation timeout). Also reports p50/p95 action duration and a memory leak flag. |
trim_trace_archive | trace_path, divergence_only? | Shrinks trace zip by deleting screenshots outside critical failure window (t_fail - 5s to t_fail + 1s). Returns trimmed path & size delta. |
💬 Suggested agent workflow
get_trace_summary ← what failed?get_causal_chain_for_failure ← what led up to it? get_aria_accessibility_tree ← what did the page look like? get_screenshot_at_failure ← ARIA empty? get the actual screenshot get_dom_mutation_delta ← what changed right before the failure? analyze_race_conditions ← was a network request still pending? correlate_dom_and_network ← which fetch caused which DOM change? compare_traces ← flaky? compare to a passing run detect_performance_anomalies ← timeout but no JS error? check for Long Tasks
🚀 Setup
Build from source
git clone https://github.com/vola-trebla/playwright-trace-decoder-mcp.gitcd playwright-trace-decoder-mcp npm install npm run build
Add to your MCP client
Claude Desktop (~/Library/Application Support/Claude/claude_desktop_config.json)
{"mcpServers": { "playwright-trace-decoder": { "command": "node", "args": ["/absolute/path/to/playwright-trace-decoder-mcp/dist/index.js"] } } }
Cursor (.cursor/mcp.json) or VS Code (.vscode/mcp.json)
{"mcpServers": { "playwright-trace-decoder": { "command": "node", "args": ["/absolute/path/to/playwright-trace-decoder-mcp/dist/index.js"] } } }
Claude Code
claude mcp add playwright-trace-decoder \node /absolute/path/to/playwright-trace-decoder-mcp/dist/index.js
Docker
docker build -t playwright-trace-decoder-mcp .{"mcpServers": { "playwright-trace-decoder": { "command": "docker", "args": ["run", "--rm", "-i", "-v", "/path/to/traces:/traces", "playwright-trace-decoder-mcp"] } } }
💬 Example usage
Basic failure analysis
Ask your agent:
_"The CI run failed. Here's the trace:
/tmp/trace.zip. What went wrong and why?"_
The agent calls get_trace_summary → get_causal_chain_for_failure → get_aria_accessibility_tree, drilling deeper as needed — without you copy-pasting anything.
When the page was blank or redirected
_"The ARIA tree is empty. Can