make-layout.vercel.app
make-layout.vercel.app
live
Unverified (seed import)
Productivity & Business
25 tools
imperative implementation
AI Layout Engine Architect
First seen 2026-11-05 · Last seen 2026-11-05 · Source: webmcp.com
Answer 10 · Act 15 · Transact 0 · Score: Not yet scored
Tool inspector
add_element
act
imperative
Adds one text, shape, or HTTPS image element at absolute canvas coordinates. Lock the UI and capture the canvas first.
Input schema
| Property | Type | Required | Description |
|---|---|---|---|
expectedRevision |
integer | yes | Revision returned by capture_canvas. The write is rejected if the canvas changed. |
elementType |
string | yes | Element kind to create. |
name |
string | yes | Short unique human-readable name. |
x |
number | yes | Absolute left position in canvas points. |
y |
number | yes | Absolute top position in canvas points. |
width |
number | yes | Element width in canvas points. |
height |
number | yes | Element height in canvas points. |
content |
string | no | Text-element content only. Label shapes by adding a separate text element. Unsafe markup is removed. |
src |
string | no | HTTPS image URL. Other URL schemes are rejected. |
color |
string | no | Element fill or background color. For rendered text color, use textStyle.color. |
textStyle |
object | no | Optional typography for text elements. textStyle.color controls rendered text color. |
shapeType |
string | no | Existing shape identifier such as rectangle or circle. |
vertices |
array | no | Custom polygon vertices. |
Raw JSON schema
{
"type": "object",
"additionalProperties": false,
"required": [
"expectedRevision",
"elementType",
"name",
"x",
"y",
"width",
"height"
],
"properties": {
"expectedRevision": {
"type": "integer",
"minimum": 0,
"description": "Revision returned by capture_canvas. The write is rejected if the canvas changed."
},
"elementType": {
"type": "string",
"enum": [
"text",
"shape",
"image"
],
"description": "Element kind to create."
},
"name": {
"type": "string",
"minLength": 1,
"maxLength": 120,
"description": "Short unique human-readable name."
},
"x": {
"type": "number",
"minimum": -100000,
"maximum": 100000,
"description": "Absolute left position in canvas points."
},
"y": {
"type": "number",
"minimum": -100000,
"maximum": 100000,
"description": "Absolute top position in canvas points."
},
"width": {
"type": "number",
"exclusiveMinimum": 0,
"maximum": 100000,
"description": "Element width in canvas points."
},
"height": {
"type": "number",
"exclusiveMinimum": 0,
"maximum": 100000,
"description": "Element height in canvas points."
},
"content": {
"type": "string",
"maxLength": 4000,
"description": "Text-element content only. Label shapes by adding a separate text element. Unsafe markup is removed."
},
"src": {
"type": "string",
"maxLength": 2048,
"description": "HTTPS image URL. Other URL schemes are rejected."
},
"color": {
"type": "string",
"maxLength": 64,
"description": "Element fill or background color. For rendered text color, use textStyle.color."
},
"textStyle": {
"type": "object",
"additionalProperties": false,
"minProperties": 1,
"description": "Optional typography for text elements. textStyle.color controls rendered text color.",
"properties": {
"fontSize": {
"type": "number",
"minimum": 8,
"maximum": 200,
"description": "Font size in pixels."
},
"fontWeight": {
"type": "string",
"minLength": 1,
"maxLength": 40,
"description": "CSS font weight such as normal, bold, or 700."
},
"fontFamily": {
"type": "string",
"minLength": 1,
"maxLength": 80,
"description": "CSS font family."
},
"fontStyle": {
"type": "string",
"enum": [
"normal",
"italic"
],
"description": "Normal or italic text."
},
"textAlign": {
"type": "string",
"enum": [
"left",
"center",
"right",
"justify"
],
"description": "Horizontal text alignment."
},
"color": {
"type": "string",
"minLength": 1,
"maxLength": 64,
"description": "CSS text color."
},
"lineHeight": {
"type": "number",
"minimum": 0.1,
"maximum": 10,
"description": "Unitless line-height multiplier."
}
}
},
"shapeType": {
"type": "string",
"maxLength": 64,
"description": "Existing shape identifier such as rectangle or circle."
},
"vertices": {
"type": "array",
"maxItems": 100,
"description": "Custom polygon vertices.",
"items": {
"type": "object",
"additionalProperties": false,
"required": [
"x",
"y"
],
"properties": {
"x": {
"type": "number",
"minimum": -100000,
"maximum": 100000,
"description": "Vertex X."
},
"y": {
"type": "number",
"minimum": -100000,
"maximum": 100000,
"description": "Vertex Y."
}
}
}
}
}
}
Similar websites
econsor.de
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.
live
Unverified
Productivity & Business
Transact tools
econsor_click_search
econsor_click_image
econsor_click_menu
econsor_click_burger_menu_icon
econsor_click_previous_button
Inspect tools
inkframe-eta.vercel.app
inkframe-eta.vercel.app
Browser-native Elah video editor for 9:16 and 16:9 exports
live
Unverified
Productivity & Business
Transact tools
get_capabilities
list_templates
navigate_workspace
open_template
editor_inspect_video_moments
Inspect tools
agentdesk-demo.vercel.app
agentdesk-demo.vercel.app
Meridian Ops
live
Unverified
Productivity & Business
Transact tools
find_capabilities
invoke_capability
get_context
get_action_status
search_customers
Inspect tools
eworker.ca
eworker.ca
E-Worker is business infrastructure powered by AI, with focused apps and connected business work.
live
Unverified
Productivity & Business
eworker_site_status
eworker_list_apps
eworker_resolve_app
eworker_open_app
ewdoc_status
Inspect tools