AI Flowchart
Create flowcharts, mind maps, sequence/ER/UML diagrams and charts as editable, presentable boards.
¿Debería usar esto?
Calidad y seguridad
Basado en el análisis automatizado de las definiciones de herramientas y el cumplimiento del protocolo.
Costo de contexto
Este es el número aproximado de tokens que se consumen cada vez que las herramientas del servidor se cargan en el contexto de un modelo. Los recuentos más altos reducen la atención disponible para otras tareas.
Instalar
Instalación con un clic
Agrega esto a tu archivo `claude_desktop_config.json`:
{
"mcpServers": {
"diagrams": {
"url": "https://mcp.aiflowchart.io/mcp"
}
}
}Puntos de conexión remotos
https://mcp.aiflowchart.io/mcpstreamable-httpQué puede hacer
Inventario de herramientas
Herramientas (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.
Esquema de entrada
{
"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.
Esquema de entrada
{
"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.
Esquema de entrada
{
"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.
Esquema de entrada
{
"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.
Esquema de entrada
{
"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"
]
}Comunidad
Evidencia