agent-canvas.yuvraj.tech
A plain Excalidraw canvas with direct WebMCP tools for external agents.
First seen 2026-11-05 · Last seen 2026-11-05 · Source: webmcp.com
Answer 1 · Act 5 · Transact 1 · Score: Not yet scored
Tool inspector
add_elements
Add rectangles, diamonds, ellipses, text, or frames directly to Excalidraw. For an illustration, first follow read_canvas.visualGuidance: match existing scale, colors, fills, and detail; use 30-50 purposeful elements for one finished subject; include a filled silhouette, layered parts, focal details, accents, and a ground shadow when suitable. Do not report an outline or wireframe as finished artwork. Use another call for scenes that need more than 50 elements. Keep flowcharts concise. Use angle in radians when rotation is needed. Provide stable unique IDs. Large additions appear in visible stages and remain one undo step. The result says when a call is still a simple illustration draft.
Input schema
| Property | Type | Required | Description |
|---|---|---|---|
elements |
array | yes | — |
Raw JSON schema
{
"$schema": "http://json-schema.org/draft-07/schema#",
"type": "object",
"properties": {
"elements": {
"minItems": 1,
"maxItems": 50,
"type": "array",
"items": {
"type": "object",
"properties": {
"id": {
"type": "string",
"minLength": 1,
"maxLength": 80,
"pattern": "^[a-zA-Z0-9_-]+$"
},
"type": {
"type": "string",
"enum": [
"rectangle",
"diamond",
"ellipse",
"text",
"frame"
]
},
"x": {
"type": "number",
"minimum": -100000,
"maximum": 100000
},
"y": {
"type": "number",
"minimum": -100000,
"maximum": 100000
},
"width": {
"type": "number",
"exclusiveMinimum": 0,
"maximum": 10000
},
"height": {
"type": "number",
"exclusiveMinimum": 0,
"maximum": 10000
},
"angle": {
"type": "number",
"minimum": -6.283185307179586,
"maximum": 6.283185307179586
},
"text": {
"type": "string",
"minLength": 1,
"maxLength": 1000
},
"strokeColor": {
"anyOf": [
{
"type": "string",
"const": "transparent"
},
{
"type": "string",
"pattern": "^#[0-9a-fA-F]{6}$"
}
]
},
"backgroundColor": {
"anyOf": [
{
"type": "string",
"const": "transparent"
},
{
"type": "string",
"pattern": "^#[0-9a-fA-F]{6}$"
}
]
},
"strokeStyle": {
"type": "string",
"enum": [
"solid",
"dashed",
"dotted"
]
},
"fillStyle": {
"type": "string",
"enum": [
"solid",
"hachure",
"cross-hatch"
]
},
"strokeWidth": {
"type": "integer",
"minimum": 1,
"maximum": 4
},
"roughness": {
"type": "integer",
"minimum": 0,
"maximum": 2
},
"opacity": {
"type": "integer",
"minimum": 0,
"maximum": 100
},
"locked": {
"type": "boolean"
},
"children": {
"maxItems": 100,
"type": "array",
"items": {
"type": "string",
"minLength": 1,
"maxLength": 80,
"pattern": "^[a-zA-Z0-9_-]+$"
}
}
},
"required": [
"id",
"type",
"x",
"y"
],
"additionalProperties": false
}
}
},
"required": [
"elements"
],
"additionalProperties": false
}
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.