cocanvas-beta.vercel.app
Write a brief. Share the board with an agent. Undo the bad draft. No upload, no account, no screenshot guessing.
First seen 2026-11-05 · Last seen 2026-11-05 · Source: webmcp.com
Answer 3 · Act 5 · Transact 0 · Score: Not yet scored
Tool inspector
add_element
Add one element. A finished board is a diagram: nodes (rectangle or ellipse) plus connect_elements. Facts go on nodes. Heading on line one, facts on the next line (WHO GETS IT then a newline then Plus. Pro. Business. Enterprise.). Do not drop kind text on arrows. Leave 32px between nodes. Title can be kind text. A hub ellipse is about 320 by 100. Do not stretch it across the child row. Score bars are charcoal rectangles, height 28. Never connect a bar, a score label, or a number. Always pass fill and stroke; omitted fill becomes a candy blue card. For text, fill is the ink color (#f4f4f5 on dark paper). ASCII labels only. Paper #0a0a0a. Keep x from 40 to 1400 and y from 24 to 1600.
Input schema
| Property | Type | Required | Description |
|---|---|---|---|
kind |
string | yes | The type of element to add. |
x |
number | no | Left position in canvas pixels. |
y |
number | no | Top position in canvas pixels. |
width |
number | no | Width in pixels. |
height |
number | no | Height in pixels. |
text |
string | no | Text content (for text, sticky, frame title). |
fill |
string | no | Hex color. Required for a designed board. Text ink on dark paper: #f4f4f5. Rules: #2a2a2e. Bars: #2c2f36. Do not use candy blue or green. |
stroke |
string | no | Hex border. Match fill for rules and bars. Use transparent for text. |
fontSize |
number | no | Type size. Title 28, row 14, score 20, kicker 12. |
Raw JSON schema
{
"type": "object",
"properties": {
"kind": {
"type": "string",
"enum": [
"frame",
"rectangle",
"ellipse",
"text",
"sticky"
],
"description": "The type of element to add."
},
"x": {
"type": "number",
"description": "Left position in canvas pixels."
},
"y": {
"type": "number",
"description": "Top position in canvas pixels."
},
"width": {
"type": "number",
"description": "Width in pixels."
},
"height": {
"type": "number",
"description": "Height in pixels."
},
"text": {
"type": "string",
"description": "Text content (for text, sticky, frame title)."
},
"fill": {
"type": "string",
"description": "Hex color. Required for a designed board. Text ink on dark paper: #f4f4f5. Rules: #2a2a2e. Bars: #2c2f36. Do not use candy blue or green."
},
"stroke": {
"type": "string",
"description": "Hex border. Match fill for rules and bars. Use transparent for text."
},
"fontSize": {
"type": "number",
"description": "Type size. Title 28, row 14, score 20, kicker 12."
}
},
"required": [
"kind"
],
"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.