AI Flowchart

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

我該用這個嗎

品質與安全性

A
說明品質
96%
結構描述完整度
98%
命名品質
96%
汙染風險
100%
權限相符程度
100%
協定合規性
100%

根據工具定義與協定合規性的自動化分析。

上下文成本

~1,056Token(工具定義)
~1.1 KB典型回應大小
中等的注意力影響(128k 上下文的 0.83%)

這是每次將伺服器的工具載入模型上下文時所消耗的約略 token 數量。數量越高,可用於其他工作的注意力就越少。

安裝

一鍵安裝

將以下內容加入你的 `claude_desktop_config.json` 檔案:

{
  "mcpServers": {
    "diagrams": {
      "url": "https://mcp.aiflowchart.io/mcp"
    }
  }
}

遠端端點

https://mcp.aiflowchart.io/mcpstreamable-http

它能做什麼

工具清單

工具(5)

🟢 唯讀🟡 寫入🔴 刪除⚪ 未知
🟡create_diagram(type, description)

Create a diagram in AI Flowchart from a plain-English description and get a link that opens it as an editable board (edit, present as an animated slideshow, export PNG/PDF/PowerPoint). Flowcharts, sequence diagrams and mind maps also come back as Mermaid code. Types: flowchart, mindmap, sequence (API / login flows), erdiagram (database), systemdesign (architecture), swimlane, bpmn (BPMN 2.0 business process), orgchart, uml_class, uml_usecase, uml_state, uml_activity, timeline, gantt (project plan), chart (bar/line/pie… from data you describe). Uses 1 AI credit; advanced types need AI Flowchart Pro.

輸入結構描述

{
  "type": "object",
  "properties": {
    "type": {
      "type": "string",
      "enum": [
        "flowchart",
        "mindmap",
        "sequence",
        "erdiagram",
        "systemdesign",
        "swimlane",
        "bpmn",
        "orgchart",
        "uml_class",
        "uml_usecase",
        "uml_state",
        "uml_activity",
        "timeline",
        "gantt",
        "chart"
      ],
      "description": "Kind of diagram."
    },
    "description": {
      "type": "string",
      "description": "What to draw, in detail: the process, system, data, steps or numbers. Include names and specifics from the conversation."
    }
  },
  "required": [
    "type",
    "description"
  ]
}
⚪code_to_flowchart(code, language, sample_input)

Turn source code (C, C++, Java, Python or JavaScript, up to 80 lines) into a lab-record style flowchart where every box is linked to its code lines, plus a step-by-step dry run for a sample input (current line, box and variables at each step). Returns a link that opens it ready to play (▶ Explain), the program output and Mermaid code. Uses 1 AI credit.

輸入結構描述

{
  "type": "object",
  "properties": {
    "code": {
      "type": "string",
      "description": "The program or function, as source code."
    },
    "language": {
      "type": "string",
      "enum": [
        "C",
        "C++",
        "Java",
        "Python",
        "JavaScript"
      ],
      "description": "Optional; detected if left out."
    },
    "sample_input": {
      "type": "string",
      "description": "Optional input for the dry run, e.g. \"n = 5\". Picked automatically if left out."
    }
  },
  "required": [
    "code"
  ]
}
🟢list_templates(type)

List AI Flowchart's ready-made templates (lab programs, UML and ER for student projects, system designs, charts, app walkthroughs, code programs…). Free — no AI credits.

輸入結構描述

{
  "type": "object",
  "properties": {
    "type": {
      "type": "string",
      "description": "Optional board type to filter by, e.g. flowchart, erdiagram, sequence, mindmap, systemdesign, chart, codeflow, walkthrough."
    }
  }
}
🟢open_template(type, id)

Get a link that opens one of the templates (from list_templates) as a new editable board. Free — no AI credits.

輸入結構描述

{
  "type": "object",
  "properties": {
    "type": {
      "type": "string",
      "description": "Template type from list_templates."
    },
    "id": {
      "type": "string",
      "description": "Template id from list_templates."
    }
  },
  "required": [
    "type",
    "id"
  ]
}
🟢render_diagram(mermaid, theme, style)

Turn Mermaid diagram text into a hosted PNG and SVG image URL (cached on a CDN). Use it when a diagram has to go somewhere that cannot run Mermaid: email, Slack or Teams messages, PDFs, Word/Google Docs, Confluence, WhatsApp, a README. Returns the URLs plus ready-made Markdown and HTML. Free — no AI credits.

輸入結構描述

{
  "type": "object",
  "properties": {
    "mermaid": {
      "type": "string",
      "description": "Mermaid source, e.g. \"flowchart TD\\n  A[Start] --> B{OK?}\""
    },
    "theme": {
      "type": "string",
      "enum": [
        "default",
        "dark",
        "forest",
        "neutral"
      ],
      "description": "Optional colour theme (default \"default\")."
    },
    "style": {
      "type": "string",
      "enum": [
        "aiflowchart",
        "mermaid"
      ],
      "description": "\"aiflowchart\" (default) draws it in AI Flowchart's polished board style; \"mermaid\" gives the classic Mermaid look. Unsupported diagram types fall back to classic automatically."
    }
  },
  "required": [
    "mermaid"
  ]
}

社群

為此伺服器評分

證據

近期觀測

已驗證未記錄版本5 個工具