web-mcp-extending-excalidraw.vercel.app
A whiteboard that gets better when a human and an agent draw on it together.
First seen 2026-11-05 · Last seen 2026-11-05 · Source: webmcp.com
Answer 4 · Act 21 · Transact 0 · Score: Not yet scored
Tool inspector
draw_flowchart
Draw a proper flowchart with automatic layout. Use this — not add_elements — whenever the user describes a process, algorithm, decision tree, pipeline, or any set of steps connected by arrows. Layout, spacing and arrow routing are handled for you. Give either "nodes" + "edges" (preferred — you do not have to know Mermaid) or a raw "mermaid" string. Use shape "diamond" for decision points. Keep it under 40 nodes; for anything bigger, split it into a draw_board with several panels. Example: {"nodes":[{"id":"s","label":"Submit","shape":"stadium"},{"id":"d","label":"Approved?","shape":"diamond"},{"id":"p","label":"Publish"}],"edges":[{"from":"s","to":"d"},{"from":"d","to":"p","label":"yes"}],"direction":"LR"}
Input schema
| Property | Type | Required | Description |
|---|---|---|---|
nodes |
array | no | — |
edges |
array | no | — |
direction |
string | no | TD = top-down (default), LR = left-to-right. Use LR for pipelines. |
mermaid |
string | no | Raw Mermaid, e.g. "flowchart LR\n A[One] --> B[Two]". Only use if you specifically need Mermaid syntax. |
placement |
— | no | Where to put it. Omit for the centre of the human's current view. {"mode":"next_to","refId":"<id>","side":"right"} places it beside an existing element; {"mode":"free_space"} puts it clear of everything already drawn. |
Raw JSON schema
{
"$schema": "https://json-schema.org/draft/2020-12/schema",
"type": "object",
"properties": {
"nodes": {
"type": "array",
"items": {
"type": "object",
"properties": {
"id": {
"description": "Short identifier you will use in edges, e.g. \"start\".",
"type": "string"
},
"label": {
"description": "Text shown in the box. Keep it under about six words.",
"type": "string"
},
"shape": {
"description": "Use \"diamond\" for decisions and \"stadium\" for start/end. Defaults to rectangle.",
"type": "string",
"enum": [
"rectangle",
"diamond",
"round",
"stadium",
"circle"
]
}
},
"required": [
"id",
"label"
]
}
},
"edges": {
"type": "array",
"items": {
"type": "object",
"properties": {
"from": {
"type": "string"
},
"to": {
"type": "string"
},
"label": {
"description": "Text on the arrow, e.g. \"yes\" / \"no\".",
"type": "string"
}
},
"required": [
"from",
"to"
]
}
},
"direction": {
"description": "TD = top-down (default), LR = left-to-right. Use LR for pipelines.",
"default": "TD",
"type": "string",
"enum": [
"TD",
"LR",
"BT",
"RL"
]
},
"mermaid": {
"description": "Raw Mermaid, e.g. \"flowchart LR\\n A[One] --> B[Two]\". Only use if you specifically need Mermaid syntax.",
"type": "string"
},
"placement": {
"description": "Where to put it. Omit for the centre of the human's current view. {\"mode\":\"next_to\",\"refId\":\"<id>\",\"side\":\"right\"} places it beside an existing element; {\"mode\":\"free_space\"} puts it clear of everything already drawn.",
"anyOf": [
{
"type": "object",
"properties": {
"mode": {
"type": "string",
"const": "viewport"
}
},
"required": [
"mode"
]
},
{
"type": "object",
"properties": {
"mode": {
"type": "string",
"const": "next_to"
},
"refId": {
"type": "string"
},
"side": {
"type": "string",
"enum": [
"right",
"below",
"left",
"above"
]
},
"gap": {
"type": "number"
}
},
"required": [
"mode",
"refId"
]
},
{
"type": "object",
"properties": {
"mode": {
"type": "string",
"const": "free_space"
}
},
"required": [
"mode"
]
},
{
"type": "object",
"properties": {
"mode": {
"type": "string",
"const": "absolute"
},
"x": {
"type": "number"
},
"y": {
"type": "number"
}
},
"required": [
"mode",
"x",
"y"
]
}
]
}
},
"additionalProperties": false
}
Similar websites
morphus.myles4miles.chatgpt.site
Morphus is an AI-native workspace for designing worlds and generating playable game experiences.
damnpdfs.com
Install the DamnPDFs Codex plugin, pair a browser workspace and use PDF, image and file tools from your coding agent. Includes setup and privacy limits.
insignifi4nt.github.io
broCAD/M: local-first CAD and CAM for parametric design, wire EDM planning, simulation and controller export.
cabinet.varera.studio
The Cartographer's Cabinet