MCP JS Debugger

Created By
johngrimes5 months ago
Debug JavaScript and TypeScript applications through the Chrome DevTools Protocol with full source map support.
Overview

what is MCP JS Debugger?

MCP JS Debugger is a tool designed to debug JavaScript and TypeScript applications using the Chrome DevTools Protocol, providing full source map support for easier debugging of transpiled code.

how to use MCP JS Debugger?

To use MCP JS Debugger, you can quickly set it up by running the command: claude mcp add mcp-js-debugger -- npx mcp-js-debugger. Then, start your Node.js application with the --inspect-brk flag to enable debugging assistance.

key features of MCP JS Debugger?

  • Set and manage breakpoints in your code.
  • Step through code execution (over, into, out).
  • Inspect call stacks and variable states.
  • Evaluate expressions in any stack frame.
  • Modify variable values during execution.
  • Pause execution on exceptions.
  • Full source map support for debugging transpiled TypeScript and bundled JavaScript.

use cases of MCP JS Debugger?

  1. Debugging complex JavaScript applications in real-time.
  2. Assisting developers in identifying and fixing bugs in TypeScript code.
  3. Enhancing the debugging process for applications running in Node.js, Chrome, or Edge.

FAQ from MCP JS Debugger?

  • Can MCP JS Debugger be used with any JavaScript framework?

Yes! It can be used with any framework that runs on Node.js or in the browser.

  • Is there any setup required before using MCP JS Debugger?

Yes! You need to install it via the command line and start your application with the appropriate flags.

  • Does MCP JS Debugger support debugging of transpiled code?

Yes! It provides full source map support for debugging transpiled TypeScript and bundled JavaScript.

Server Config

{
  "mcpServers": {
    "mcp-js-debugger": {
      "command": "npx",
      "args": [
        "mcp-js-debugger"
      ]
    }
  }
}
Project Info
Created At
5 months ago
Updated At
5 months ago
Author Name
johngrimes
Star
-
Language
-
License
-

Recommend Servers

View All
Shadcn Space MCP
@shadcnspace

Integrate the shadcn/ui MCP server from shadcn space into your IDE to generate accurate, production-ready Shadcn UI components. Official Model Context Protocol (MCP) server for [Shadcn Space](https://shadcnspace.com). This MCP server allows AI-powered IDEs and agents to discover, search, and install **Shadcn Space** UI blocks directly into your projects - no copy-paste required. ## Install MCP configuration. ```bash npx shadcnspace-cli install <client> ``` ### Supported Clients - [x] cursor - [x] windsurf - [x] claude - [x] cline - [x] antigravity ## Manual Installation Add to your IDE's MCP config: ```json { "mcpServers": { "shadcnspace-mcp": { "command": "npx", "args": ["-y", "shadcnspace-mcp@latest"] } } } ``` For more information visit our documentation of [**How to use MCP Server**](https://shadcnspace.com/docs/getting-started/mcp-server-docs) ## Available Tools The server provides the following tools callable via MCP: | Tool Name | Description | |-----------|-------------| | `listBlocks` | Provides a comprehensive list of all shadcnspace blocks. | | `listComponents` | Provides a comprehensive list of all shadcnspace components. | | `getBlockInstall` | Returns the official installation command for a specific Shadcn Space block. | | `searchBlocks` | Search Shadcn Space blocks using keywords or tags. | | `listInstalledBlocks` | Lists all blocks that are currently installed in the project and get their files. | ### Available Prompts The server provides the following prompts callable via MCP: | Prompt/Command | Description | |----------------|-------------| | `search` | Find specific UI block by name. | | `create-ui` | Create a new UI block using our exisitng blocks. | ## Example Usage Once configured, you can ask questions like: > "List all available UI blocks" > "Give me the code for the accordion-01 component" > "Create a landing page for a coffee shop using a hero-01 block, a 3-column feature grid, and a dark-themed footer." ## Credits Created by [shadcnspace](https://shadcnspace.com). [Shadcn MCP](https://shadcnspace.com/mcp) [MIT](LICENSE)

a day ago