nice-field-0f080db0f.7.azurestaticapps.net
Excalidraw is a virtual collaborative whiteboard tool that lets you easily sketch diagrams that have a hand-drawn feel to them.
First seen 2026-11-05 · Last seen 2026-11-05 · Source: webmcp.com
Answer 1 · Act 7 · Transact 0 · Score: Not yet scored
Tool inspector
create_diagram
Draw a whole diagram in one call from its STRUCTURE — the boxes and what connects to what — and let the layout engine place everything. USE THIS FOR ANY REQUEST THAT MEANS BUILDING A DIAGRAM OR A SUBSYSTEM, even a small one. Do not place boxes one at a time and connect them afterwards: that reliably produces arrows cutting across boxes, because when each box is positioned the connections it will carry are not known yet. This tool sees the whole graph, so it ranks the nodes into layers, orders them to minimise crossings, and routes long arrows around whatever sits between. Keep add_shape and bind_arrow for small edits to a diagram that already exists.
Input schema
| Property | Type | Required | Description |
|---|---|---|---|
nodes |
array | yes | Every box in the diagram. |
edges |
array | yes | Connections, each pointing from the upstream element to the downstream one. |
direction |
string | no | TB (default) stacks the flow downward; LR runs it left to right. Prefer TB for architectures, LR for short linear pipelines. |
replace |
boolean | no | true clears the canvas first. Use when the user asks to start over or replace what is there. |
Raw JSON schema
{
"type": "object",
"properties": {
"nodes": {
"type": "array",
"description": "Every box in the diagram.",
"items": {
"type": "object",
"properties": {
"key": {
"type": "string",
"description": "Short id used only to describe edges, e.g. \"db\". Never shown to the user."
},
"label": {
"type": "string",
"description": "Text shown inside the box."
},
"shape": {
"type": "string",
"enum": [
"rectangle",
"diamond",
"ellipse"
],
"description": "rectangle for a service, component or store (the default); diamond for a decision or branch; ellipse for a start or end point."
}
},
"required": [
"key",
"label"
]
}
},
"edges": {
"type": "array",
"description": "Connections, each pointing from the upstream element to the downstream one.",
"items": {
"type": "object",
"properties": {
"from": {
"type": "string",
"description": "key of the source node."
},
"to": {
"type": "string",
"description": "key of the target node."
}
},
"required": [
"from",
"to"
]
}
},
"direction": {
"type": "string",
"enum": [
"TB",
"LR"
],
"description": "TB (default) stacks the flow downward; LR runs it left to right. Prefer TB for architectures, LR for short linear pipelines."
},
"replace": {
"type": "boolean",
"description": "true clears the canvas first. Use when the user asks to start over or replace what is there."
}
},
"required": [
"nodes",
"edges"
]
}
Similar websites
econsor.de
German digital agency building portals, e-commerce sites and online marketing, combining strategy, design and AI to grow clients' visibility and customer base.
inkframe-eta.vercel.app
Browser-native Elah video editor for 9:16 and 16:9 exports
agentdesk-demo.vercel.app
Meridian Ops
eworker.ca
E-Worker is business infrastructure powered by AI, with focused apps and connected business work.