aetherdraw.onrender.com
Agent-native infinite whiteboard for visual thinking powered by WebMCP
First seen 2026-11-05 · Last seen 2026-11-05 · Source: webmcp.com
Answer 3 · Act 7 · Transact 1 · Score: Not yet scored
Tool inspector
create_diagram
Generates a complete, beautifully organized diagram on the canvas in one shot. Supports system architectures, flowcharts, ERDs, mindmaps, and sequence diagrams. Automatically applies graph layout algorithms (Dagre) to avoid overlapping boxes and binds connecting arrows. The canvas automatically centers and zooms to fit the generated diagram.
Input schema
| Property | Type | Required | Description |
|---|---|---|---|
title |
string | no | Optional diagram title shown at the top |
diagramType |
string | no | Type of diagram to generate |
nodes |
array | yes | List of nodes/boxes to generate |
connections |
array | no | List of directed arrows between nodes |
edges |
array | no | Alias for connections: list of directed arrows between nodes |
layoutDirection |
string | no | Layout flow direction: TB=top-to-bottom, LR=left-to-right |
theme |
string | no | Color theme palette to apply |
clearExisting |
boolean | no | Whether to replace existing elements or append to the current canvas |
Raw JSON schema
{
"type": "object",
"properties": {
"title": {
"type": "string",
"description": "Optional diagram title shown at the top"
},
"diagramType": {
"type": "string",
"enum": [
"architecture",
"flowchart",
"mindmap",
"erd",
"sequence",
"user_journey"
],
"description": "Type of diagram to generate",
"default": "architecture"
},
"nodes": {
"type": "array",
"description": "List of nodes/boxes to generate",
"items": {
"type": "object",
"properties": {
"id": {
"type": "string",
"description": "Unique node ID for connection targeting (e.g. 'api_gateway', 'db')"
},
"label": {
"type": "string",
"description": "Visible text inside the node"
},
"type": {
"type": "string",
"enum": [
"rectangle",
"diamond",
"ellipse",
"cylinder",
"cloud",
"hexagon"
],
"description": "Shape type: rectangle for services, diamond for decisions, ellipse/cylinder for databases, cloud for external APIs",
"default": "rectangle"
},
"role": {
"type": "string",
"description": "Semantic role (e.g. 'frontend', 'service', 'database', 'cache', 'queue')"
}
},
"required": [
"id",
"label"
]
}
},
"connections": {
"type": "array",
"description": "List of directed arrows between nodes",
"items": {
"type": "object",
"properties": {
"from": {
"type": "string",
"description": "Source node ID"
},
"to": {
"type": "string",
"description": "Target node ID"
},
"label": {
"type": "string",
"description": "Optional text label on the arrow"
},
"style": {
"type": "string",
"enum": [
"solid",
"dashed",
"dotted"
],
"default": "solid"
}
},
"required": [
"from",
"to"
]
}
},
"edges": {
"type": "array",
"description": "Alias for connections: list of directed arrows between nodes",
"items": {
"type": "object",
"properties": {
"from": {
"type": "string",
"description": "Source node ID"
},
"to": {
"type": "string",
"description": "Target node ID"
},
"label": {
"type": "string",
"description": "Optional text label on the arrow"
},
"style": {
"type": "string",
"enum": [
"solid",
"dashed",
"dotted"
],
"default": "solid"
}
},
"required": [
"from",
"to"
]
}
},
"layoutDirection": {
"type": "string",
"enum": [
"TB",
"LR",
"BT",
"RL"
],
"description": "Layout flow direction: TB=top-to-bottom, LR=left-to-right",
"default": "TB"
},
"theme": {
"type": "string",
"enum": [
"default",
"nord",
"cyberpunk",
"pastel",
"blueprint",
"minimal_dark",
"solarized"
],
"description": "Color theme palette to apply"
},
"clearExisting": {
"type": "boolean",
"description": "Whether to replace existing elements or append to the current canvas",
"default": false
}
},
"required": [
"nodes"
]
}
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.