Umlout MCP server

Umlout MCP Server

Let your AI assistant draw on a real whiteboard.

Umlout exposes a hosted Model Context Protocol server, so Claude, Cursor, VS Code Copilot and any other MCP client can create and edit diagrams in your Umlout workspace — UML class and sequence diagrams, flowcharts, activity diagrams, wireframes and domain models.

Nothing to install and nothing to run: the server is hosted at https://www.umlout.com/mcp/sse. You only need an API key.

Quick start

1. Get an API key. Sign in at umlout.com, open Profile → MCP API Keys, and create a key.

2. Add the server to your client.

Claude Code

claude mcp add --transport sse umlout https://www.umlout.com/mcp/sse --header "Authorization: Bearer YOUR_API_KEY"

More options, including project scope: examples/claude-code.md.

Cursor · VS Code — clients that speak remote SSE natively

~/.cursor/mcp.json:

{
  "mcpServers": {
    "umlout": {
      "url": "https://www.umlout.com/mcp/sse",
      "headers": { "Authorization": "Bearer YOUR_API_KEY" }
    }
  }
}

For VS Code Copilot use examples/vscode.json — it prompts for the key and keeps it in VS Code's secret storage instead of a committed file.

Claude Desktop — via the mcp-remote bridge

Claude Desktop's config file does not take a remote URL directly, so route it through mcp-remote (needs Node.js). Edit ~/Library/Application Support/Claude/claudedesktopconfig.json (macOS) or %APPDATA%\Claude\claudedesktopconfig.json (Windows):

{
  "mcpServers": {
    "umlout": {
      "command": "npx",
      "args": [
        "-y", "mcp-remote", "https://www.umlout.com/mcp/sse",
        "--header", "Authorization: Bearer YOUR_API_KEY"
      ]
    }
  }
}

Then quit Claude Desktop completely and reopen it — closing the window is not enough.

3. Ask for a diagram:

Draw a UML sequence diagram of an OAuth2 authorization code flow on a new board called "Auth".

Verify your setup at any time:

python3 scripts/check_connection.py --api-key YOUR_API_KEY

What it can do

37 tools across four areas, plus 4 read-only resources. Full reference with every argument: docs/tools.md and docs/resources.md.

The shape vocabulary covers 70 types — basic geometry, UML class/interface/package, sequence (actor, lifeline, activation, fragment), activity (action, decision, fork/join, swimlanes), and a full wireframe kit (screens, buttons, inputs, navbars, tables, cards).

Things worth asking for

• "Turn this OpenAPI spec into a component diagram."
• "Sketch the mobile onboarding flow as wireframes — three screens."
• "Read the board 'Checkout' and tell me which states have no outgoing transitions."
• "Build a domain model from these requirements: orders, invoices, customers."

Authentication and limits

Every request carries your key in Authorization: Bearer (or X-API-Key). Keys are scoped to your account — the assistant sees exactly the diagrams you can see, and nothing else.

Shortened. The full README is on GitHub.