Create flowcharts, mind maps, sequence/ER/UML diagrams and charts as editable, presentable boards.
Maintain this server? Claim it
Call this server's tools from your browser. Nothing to install.
Bearer <your API key> — create a free key at https://aiflowchart.io/account (API key · MCP)
Requests go through mcptry because browsers can't call most MCP servers directly. Header values are sent to the server for that request only and are never stored or logged.
Tool list from our last check. Connect live to refresh it.
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.
The program or function, as source code.
Optional; detected if left out.
Optional input for the dry run, e.g. "n = 5". Picked automatically if left out.
This tool isn't marked read-only, so it may change something on the server or in an account you connected.
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.
| Argument | Type | Description |
|---|---|---|
| code* | string | The program or function, as source code. |
| language | string | Optional; detected if left out. |
| sample_input | string | Optional input for the dry run, e.g. "n = 5". Picked automatically if left out. |
{
"type": "object",
"required": [
"code"
],
"properties": {
"code": {
"type": "string",
"description": "The program or function, as source code."
},
"language": {
"enum": [
"C",
"C++",
"Java",
"Python",
"JavaScript"
],
"type": "string",
"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."
}
}
}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.
| Argument | Type | Description |
|---|---|---|
| type* | string | Kind of diagram. |
| description* | string | What to draw, in detail: the process, system, data, steps or numbers. Include names and specifics from the conversation. |
{
"type": "object",
"required": [
"type",
"description"
],
"properties": {
"type": {
"enum": [
"flowchart",
"mindmap",
"sequence",
"erdiagram",
"systemdesign",
"swimlane",
"bpmn",
"orgchart",
"uml_class",
"uml_usecase",
"uml_state",
"uml_activity",
"timeline",
"gantt",
"chart"
],
"type": "string",
"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."
}
}
}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.
| Argument | Type | Description |
|---|---|---|
| type | string | Optional board type to filter by, e.g. flowchart, erdiagram, sequence, mindmap, systemdesign, chart, codeflow, walkthrough. |
{
"type": "object",
"properties": {
"type": {
"type": "string",
"description": "Optional board type to filter by, e.g. flowchart, erdiagram, sequence, mindmap, systemdesign, chart, codeflow, walkthrough."
}
}
}Get a link that opens one of the templates (from list_templates) as a new editable board. Free — no AI credits.
| Argument | Type | Description |
|---|---|---|
| id* | string | Template id from list_templates. |
| type* | string | Template type from list_templates. |
{
"type": "object",
"required": [
"type",
"id"
],
"properties": {
"id": {
"type": "string",
"description": "Template id from list_templates."
},
"type": {
"type": "string",
"description": "Template type from list_templates."
}
}
}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.
| Argument | Type | Description |
|---|---|---|
| style | string | "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. |
| theme | string | Optional colour theme (default "default"). |
| mermaid* | string | Mermaid source, e.g. "flowchart TD\n A[Start] --> B{OK?}" |
{
"type": "object",
"required": [
"mermaid"
],
"properties": {
"style": {
"enum": [
"aiflowchart",
"mermaid"
],
"type": "string",
"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."
},
"theme": {
"enum": [
"default",
"dark",
"forest",
"neutral"
],
"type": "string",
"description": "Optional colour theme (default \"default\")."
},
"mermaid": {
"type": "string",
"description": "Mermaid source, e.g. \"flowchart TD\\n A[Start] --> B{OK?}\""
}
}
}