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
place_image
Put an image on the canvas. Use "upload" to ask the human to pick a file, or "dataURL" if you already have the image bytes. The common use is tracing: place a photo of a hand-drawn sketch faded in the background, then redraw it cleanly beside it with draw_flowchart or add_elements. Default opacity is 40 for exactly that. Note: you cannot see the image this returns. Read the picture from the user's chat attachment and use this tool only to put a reference copy on the canvas. Example: {"source":"upload","opacity":40}
Input schema
| Property | Type | Required | Description |
|---|---|---|---|
source |
string | no | "upload" opens a file chooser, "camera" opens the webcam, "dataURL" uses the string you pass. |
dataURL |
string | no | Required when source is "dataURL". Must start with "data:image/". |
opacity |
number | no | 40 makes it a faint tracing reference. Use 100 for a normal image. |
maxWidth |
number | no | Longest edge in canvas units; aspect ratio is preserved. |
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": {
"source": {
"description": "\"upload\" opens a file chooser, \"camera\" opens the webcam, \"dataURL\" uses the string you pass.",
"default": "upload",
"type": "string",
"enum": [
"upload",
"camera",
"dataURL"
]
},
"dataURL": {
"description": "Required when source is \"dataURL\". Must start with \"data:image/\".",
"type": "string"
},
"opacity": {
"description": "40 makes it a faint tracing reference. Use 100 for a normal image.",
"default": 40,
"type": "number",
"minimum": 0,
"maximum": 100
},
"maxWidth": {
"description": "Longest edge in canvas units; aspect ratio is preserved.",
"default": 600,
"type": "number",
"minimum": 50,
"maximum": 2000
},
"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