Categories › Software Development › Frontend, UI components & design-to-code
Create flowcharts, mind maps, sequence/ER/UML diagrams and charts as editable, presentable boards.
Remote server: your requests and data go to mcp.aiflowchart.io. Claude Code: claude mcp add --transport http ai-flowchart https://mcp.aiflowchart.io/mcp · Claude app: Settings → Connectors → Add custom connector.
The tools this server listed when we connected to it, in its own words.
create_diagram — 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 anicreate_visual — Make a designed infographic of a topic: the AI picks the shape that fits (steps, cycle, timeline, roadmap, funnel, pyramid, hub, tree, compacode_to_flowchart — 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 codedit_diagram — Change a diagram made earlier in this chat with create_diagram: add, remove, rename or reconnect steps, shorten labels, recolour, restructurcreate_sop — Write a standard operating procedure (SOP) for a business process: purpose, scope, roles and responsibilities, numbered steps with who does simulate_process — Run a process diagram (flowchart, swimlane or BPMN made earlier) through AI Flowchart's process simulator — a real discrete-event simulationlist_templates — List AI Flowchart's ready-made templates (lab programs, UML and ER for student projects, system designs, charts, app walkthroughs, code progopen_template — Get a link that opens one of the templates (from list_templates) as a new editable board. Free — no AI credits.render_diagram — 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 MNot tested by KitScout yet. When our harness runs it, pros, cons and the tasks we tried appear here, with the date and evidence.