PWA Debug Layer

Developer Tools npm v1.3.0

Debug PWAs in your real browser via MCP: service-worker, cache, installability & framework state.

View source ↗ Generate config for multiple servers More servers

Install

Pin version registry version 1.3.0

npm
npx -y @aryanduntley/pwa-debug

npm
npx -y @aryanduntley/pwa-debug@1.3.0

Setup by client

Pick your client — the config below is generated for this server (local stdio). Copy respects the “Pin version” switch above.

claude_desktop_config.json

{
  "mcpServers": {
    "pwa-debug-layer": {
      "command": "npx",
      "args": [
        "-y",
        "@aryanduntley/pwa-debug"
      ]
    }
  }
}

{
  "mcpServers": {
    "pwa-debug-layer": {
      "command": "npx",
      "args": [
        "-y",
        "@aryanduntley/pwa-debug@1.3.0"
      ]
    }
  }
}

Format verified against the official Claude Desktop docs ↗.

terminal

claude mcp add pwa-debug-layer -- npx -y @aryanduntley/pwa-debug

claude mcp add pwa-debug-layer -- npx -y @aryanduntley/pwa-debug@1.3.0

Format verified against the official Claude Code docs ↗.

.cursor/mcp.json

{
  "mcpServers": {
    "pwa-debug-layer": {
      "command": "npx",
      "args": [
        "-y",
        "@aryanduntley/pwa-debug"
      ]
    }
  }
}

{
  "mcpServers": {
    "pwa-debug-layer": {
      "command": "npx",
      "args": [
        "-y",
        "@aryanduntley/pwa-debug@1.3.0"
      ]
    }
  }
}

Format verified against the official Cursor docs ↗.

.vscode/mcp.json

{
  "servers": {
    "pwa-debug-layer": {
      "command": "npx",
      "args": [
        "-y",
        "@aryanduntley/pwa-debug"
      ]
    }
  }
}

{
  "servers": {
    "pwa-debug-layer": {
      "command": "npx",
      "args": [
        "-y",
        "@aryanduntley/pwa-debug@1.3.0"
      ]
    }
  }
}

Format verified against the official VS Code docs ↗.

mcp_config.json

{
  "mcpServers": {
    "pwa-debug-layer": {
      "command": "npx",
      "args": [
        "-y",
        "@aryanduntley/pwa-debug"
      ]
    }
  }
}

{
  "mcpServers": {
    "pwa-debug-layer": {
      "command": "npx",
      "args": [
        "-y",
        "@aryanduntley/pwa-debug@1.3.0"
      ]
    }
  }
}

Format verified against the official Windsurf docs ↗.

GitHub

最近更新于 139 天前 · MIT license

About this server

pwa debug layer An AI native debugging layer for PWAs and modern web apps . It lets an AI agent (e.g. Claude Code via MCP) see and act on your live, logged in browser the way a developer with full DevTools open would — DOM, console, network, framework state, store state, service workers, caches, and…

Summary from the project README — github.com/aryanduntley/pwa-debug-layer

Distributed as npm, listed under Developer Tools. Review our MCP security guide before granting access to real data.

Frequently asked questions

What does the PWA Debug Layer MCP server do?

How do I install PWA Debug Layer?

Run the install command shown above, then paste the config for your client (Claude Desktop, Claude Code, Cursor, VS Code or Windsurf) into its MCP settings and restart the client.

Is PWA Debug Layer free to use?

The MCP server itself is free to install. The source is public on https://github.com/aryanduntley/pwa-debug-layer. Any third-party service it calls may require its own API key and account.

Which clients support PWA Debug Layer?

Any MCP-compatible client can use it, including Claude Desktop, Claude Code, Cursor, VS Code, Windsurf and custom agents.

Add this badge

Publish this server? Link back with a badge on your README or site — copy either snippet.

Markdown

[![Listed on MCPNav](https://mcpnav.net/badge/pwa-debug-layer.svg)](https://mcpnav.net/server/pwa-debug-layer/)

HTML

<a href="https://mcpnav.net/server/pwa-debug-layer/"><img src="https://mcpnav.net/badge/pwa-debug-layer.svg" alt="Listed on MCPNav" height="20"></a>