drio
Open app

MCP Dev Server UI

Source

Catalog onlyCatalog onlySTDIO

Overview

MCP Dev Server UI is a development server interface designed for running and managing Python applications.

To use MCP Dev Server UI, run the command mcp dev main.py to start the server, and access it via your web browser at http://localhost:5173.

  • Simple command-line interface for starting the server - Web-based UI for managing applications - Supports Python applications
  1. Developing and testing Python applications locally.
  2. Managing multiple Python applications through a single interface.
  3. Facilitating collaboration among developers by providing a shared server environment.

Add to your AI client

Use these steps to connect MCP Dev Server UI in Cursor, Claude, VS Code, and other MCP-compatible apps. The same JSON appears in the Use with menu above for one-click copy.

Cursor

Add this to your .cursor/mcp.json file in your project root, then restart Cursor.

.cursor/mcp.json

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

Claude Desktop

Add this server entry to the mcpServers object in your Claude Desktop config, then restart the app.

~/Library/Application Support/Claude/claude_desktop_config.json (macOS) or %APPDATA%\Claude\claude_desktop_config.json (Windows)

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

Claude Code

Add this to your project's .mcp.json file. Claude Code will detect it automatically.

.mcp.json (project root)

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

VS Code (Copilot)

Add this to your .vscode/mcp.json file. Requires the GitHub Copilot extension with MCP support enabled.

.vscode/mcp.json

{
  "servers": {
    "mcp-server-ianrichard": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-mcp-server-ianrichard"
      ]
    }
  }
}

Windsurf

Add this to your Windsurf MCP config file, then restart Windsurf.

~/.codeium/windsurf/mcp_config.json

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

Cline

Open Cline settings, navigate to MCP Servers, and add this server configuration.

Cline MCP Settings (via UI)

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

FAQ

What programming language does MCP Dev Server UI support?

MCP Dev Server UI is designed for Python applications.

How do I access the server once it's running?

You can access the server by navigating to `http://localhost:5173` in your web browser.

Is there any documentation available?

Yes, you can find the documentation on the project's GitHub page.

Developer tools