monaco-react (MCP Server)

Monaco Editor for React - use the monaco-editor in any React application without needing to use webpack (or rollup/parcel/etc) configuration files / plugins

4,731 stars TypeScript MCP Ready Full Docs Skills View Markdown #editor #monaco #react #vscode

Documentation Agent Skills & Rules MCP Server API Specification

Claude Desktop Configuration

Add to ~/Library/Application Support/Claude/claude_desktop_config.json

{
  "mcpServers": {
    "monaco-react": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-monaco-react"
      ]
    }
  }
}

Cursor MCP Configuration

Add to .cursor/mcp.json in your workspace root

{
  "mcpServers": {
    "monaco-react": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-monaco-react"
      ]
    }
  }
}

NPX / Command Line Execution

Run directly with Node.js or NPX package runner

npx -y @modelcontextprotocol/server-monaco-react

Claude Desktop Configuration

Cursor MCP Configuration

NPX / Command Line Execution

Explore Related Technologies & Topics