AI Flowchart

Name: AI Flowchart
Author: aiflowchart

aiflowchart

Get started Website & docs

Create flowcharts, mind maps, sequence/ER/UML diagrams and charts as editable, presentable boards.

Setup

Choose your client, copy the config, then fill in any required environment variables.

Add to Cursor Add to VS Code

claude mcp add --transport http ai-flowchart https://mcp.aiflowchart.io/mcp --header 'Authorization: <AUTHORIZATION>'

~/.codex/config.toml

[mcp_servers.ai-flowchart]
url = "https://mcp.aiflowchart.io/mcp"
http_headers = { Authorization = "<AUTHORIZATION>" }

# codex mcp add ai-flowchart --url https://mcp.aiflowchart.io/mcp

~/.cursor/mcp.json

{
  "mcpServers": {
    "ai-flowchart": {
      "url": "https://mcp.aiflowchart.io/mcp",
      "headers": {
        "Authorization": "<AUTHORIZATION>"
      }
    }
  }
}

.vscode/mcp.json

{
  "servers": {
    "ai-flowchart": {
      "type": "http",
      "url": "https://mcp.aiflowchart.io/mcp",
      "headers": {
        "Authorization": "<AUTHORIZATION>"
      }
    }
  }
}

~/.gemini/settings.json

{
  "mcpServers": {
    "ai-flowchart": {
      "httpUrl": "https://mcp.aiflowchart.io/mcp",
      "headers": {
        "Authorization": "<AUTHORIZATION>"
      }
    }
  }
}

claude_desktop_config.json · Customize › Connectors › Add custom connector

{
  "mcpServers": {
    "ai-flowchart": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-remote",
        "https://mcp.aiflowchart.io/mcp",
        "--header",
        "Authorization:<AUTHORIZATION>"
      ]
    }
  }
}

.trae/mcp.json

{
  "mcpServers": {
    "ai-flowchart": {
      "url": "https://mcp.aiflowchart.io/mcp",
      "headers": {
        "Authorization": "<AUTHORIZATION>"
      }
    }
  }
}

Setup

Related