← WebMCP Directory

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

PropertyTypeRequiredDescription
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
143 tools A0 / Act142 / T1 Not yet scored Seen 2026-11-05
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
87 tools A12 / Act71 / T4 Not yet scored Seen 2026-11-05
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
83 tools A43 / Act24 / T16 Not yet scored Seen 2026-11-05
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
73 tools A10 / Act63 / T0 Not yet scored Seen 2026-11-05
eworker_site_status eworker_list_apps eworker_resolve_app eworker_open_app ewdoc_status
Inspect tools

Related on Influzer