← WebMCP Directory

Tool tree

image-editor-webmcp.pages.dev

Developer ToolsTools verified
Website
Edit images visually or control the editor with browser agents through WebMCP.
Explore capabilities
    image_editor_uploadAction

    Upload an image from a URL or a base64-encoded image data URL.

    View tool JSON
    {
      "name": "image_editor_upload",
      "kind": "act",
      "impl": "imperative",
      "description": "Upload an image from a URL or a base64-encoded image data URL.",
      "inputSchema": {
        "type": "object",
        "properties": {
          "imageUrl": {
            "type": "string",
            "description": "An image URL or a base64-encoded data URL such as data:image/png;base64,..."
          }
        },
        "required": [
          "imageUrl"
        ]
      }
    }
    image_editor_add_textAction

    Add editable text to the image.

    View tool JSON
    {
      "name": "image_editor_add_text",
      "kind": "act",
      "impl": "imperative",
      "description": "Add editable text to the image.",
      "inputSchema": {
        "type": "object",
        "properties": {
          "text": {
            "type": "string"
          }
        }
      }
    }
    image_editor_add_shapeAction

    Add a rectangle or circle.

    View tool JSON
    {
      "name": "image_editor_add_shape",
      "kind": "act",
      "impl": "imperative",
      "description": "Add a rectangle or circle.",
      "inputSchema": {
        "type": "object",
        "properties": {
          "shape": {
            "type": "string",
            "enum": [
              "rectangle",
              "circle"
            ]
          }
        },
        "required": [
          "shape"
        ]
      }
    }
    image_editor_add_blurAction

    Add a blur region. Optionally provide x and y for its top-left position and width and height, all in image-local coordinates.

    View tool JSON
    {
      "name": "image_editor_add_blur",
      "kind": "act",
      "impl": "imperative",
      "description": "Add a blur region. Optionally provide x and y for its top-left position and width and height, all in image-local coordinates.",
      "inputSchema": {
        "type": "object",
        "properties": {
          "x": {
            "type": "number",
            "description": "Top-left x-coordinate relative to the image."
          },
          "y": {
            "type": "number",
            "description": "Top-left y-coordinate relative to the image."
          },
          "width": {
            "type": "number",
            "exclusiveMinimum": 0,
            "description": "Blur width in image pixels."
          },
          "height": {
            "type": "number",
            "exclusiveMinimum": 0,
            "description": "Blur height in image pixels."
          }
        }
      }
    }
    image_editor_toggle_drawingAction

    Toggle freehand drawing mode.

    View tool JSON
    {
      "name": "image_editor_toggle_drawing",
      "kind": "act",
      "impl": "imperative",
      "description": "Toggle freehand drawing mode.",
      "inputSchema": {
        "type": "object",
        "properties": {}
      }
    }
    image_editor_draw_strokeAction

    Draw an editable freehand stroke using coordinates relative to the image.

    View tool JSON
    {
      "name": "image_editor_draw_stroke",
      "kind": "act",
      "impl": "imperative",
      "description": "Draw an editable freehand stroke using coordinates relative to the image.",
      "inputSchema": {
        "type": "object",
        "properties": {
          "points": {
            "type": "array",
            "minItems": 2,
            "description": "Points in image-local coordinates.",
            "items": {
              "type": "object",
              "properties": {
                "x": {
                  "type": "number",
                  "description": "X-coordinate relative to the image."
                },
                "y": {
                  "type": "number",
                  "description": "Y-coordinate relative to the image."
                }
              },
              "required": [
                "x",
                "y"
              ]
            }
          },
          "color": {
            "type": "string"
          },
          "width": {
            "type": "number",
            "minimum": 1,
            "maximum": 32,
            "description": "Stroke width in image pixels."
          }
        },
        "required": [
          "points"
        ]
      }
    }
    image_editor_draw_arrowAction

    Draw an editable arrow using coordinates relative to the image.

    View tool JSON
    {
      "name": "image_editor_draw_arrow",
      "kind": "act",
      "impl": "imperative",
      "description": "Draw an editable arrow using coordinates relative to the image.",
      "inputSchema": {
        "type": "object",
        "properties": {
          "start": {
            "type": "object",
            "description": "Arrow start in image-local coordinates.",
            "properties": {
              "x": {
                "type": "number"
              },
              "y": {
                "type": "number"
              }
            },
            "required": [
              "x",
              "y"
            ]
          },
          "end": {
            "type": "object",
            "description": "Arrow end in image-local coordinates.",
            "properties": {
              "x": {
                "type": "number"
              },
              "y": {
                "type": "number"
              }
            },
            "required": [
              "x",
              "y"
            ]
          },
          "color": {
            "type": "string"
          },
          "width": {
            "type": "number",
            "minimum": 1,
            "maximum": 32,
            "description": "Arrow width in image pixels."
          }
        },
        "required": [
          "start",
          "end"
        ]
      }
    }
    image_editor_delete_selectedSensitive Action

    Delete the selected object.

    View tool JSON
    {
      "name": "image_editor_delete_selected",
      "kind": "transact",
      "impl": "imperative",
      "description": "Delete the selected object.",
      "inputSchema": {
        "type": "object",
        "properties": {}
      }
    }
    image_editor_move_selectedAction

    Move the selected object so its visual bounding box top-left is at image-local coordinates. x and y are relative to the image's top-left corner, independent of page coordinates and zoom. The object is clamped inside the image.

    View tool JSON
    {
      "name": "image_editor_move_selected",
      "kind": "act",
      "impl": "imperative",
      "description": "Move the selected object so its visual bounding box top-left is at image-local coordinates. x and y are relative to the image's top-left corner, independent of page coordinates and zoom. The object is clamped inside the image.",
      "inputSchema": {
        "type": "object",
        "properties": {
          "x": {
            "type": "number",
            "description": "Visual bounding-box top-left x-coordinate relative to the image."
          },
          "y": {
            "type": "number",
            "description": "Visual bounding-box top-left y-coordinate relative to the image."
          }
        },
        "required": [
          "x",
          "y"
        ]
      }
    }
    image_editor_list_objectsAnswer

    List editable objects and their image-local coordinates.

    View tool JSON
    {
      "name": "image_editor_list_objects",
      "kind": "answer",
      "impl": "imperative",
      "description": "List editable objects and their image-local coordinates.",
      "inputSchema": {
        "type": "object",
        "properties": {}
      }
    }
    image_editor_select_objectAction

    Select an editable object by ID.

    View tool JSON
    {
      "name": "image_editor_select_object",
      "kind": "act",
      "impl": "imperative",
      "description": "Select an editable object by ID.",
      "inputSchema": {
        "type": "object",
        "properties": {
          "id": {
            "type": "string"
          }
        },
        "required": [
          "id"
        ]
      }
    }
    image_editor_set_colorAction

    Set selected object color and active style.

    View tool JSON
    {
      "name": "image_editor_set_color",
      "kind": "act",
      "impl": "imperative",
      "description": "Set selected object color and active style.",
      "inputSchema": {
        "type": "object",
        "properties": {
          "color": {
            "type": "string"
          }
        },
        "required": [
          "color"
        ]
      }
    }
    image_editor_set_stroke_widthAction

    Set selected object stroke width.

    View tool JSON
    {
      "name": "image_editor_set_stroke_width",
      "kind": "act",
      "impl": "imperative",
      "description": "Set selected object stroke width.",
      "inputSchema": {
        "type": "object",
        "properties": {
          "width": {
            "type": "number",
            "minimum": 1,
            "maximum": 32
          }
        },
        "required": [
          "width"
        ]
      }
    }
    image_editor_bold_selected_textAction

    Make the selected text object bold.

    View tool JSON
    {
      "name": "image_editor_bold_selected_text",
      "kind": "act",
      "impl": "imperative",
      "description": "Make the selected text object bold.",
      "inputSchema": {
        "type": "object",
        "properties": {}
      }
    }
    image_editor_italicize_selected_textAction

    Italicize the selected text object.

    View tool JSON
    {
      "name": "image_editor_italicize_selected_text",
      "kind": "act",
      "impl": "imperative",
      "description": "Italicize the selected text object.",
      "inputSchema": {
        "type": "object",
        "properties": {}
      }
    }
    image_editor_resize_selectedAction

    Resize the selected object using dimensions in image pixels.

    View tool JSON
    {
      "name": "image_editor_resize_selected",
      "kind": "act",
      "impl": "imperative",
      "description": "Resize the selected object using dimensions in image pixels.",
      "inputSchema": {
        "type": "object",
        "properties": {
          "width": {
            "type": "number",
            "exclusiveMinimum": 0
          },
          "height": {
            "type": "number",
            "exclusiveMinimum": 0
          }
        },
        "required": [
          "width",
          "height"
        ]
      }
    }
    image_editor_rotate_selectedAction

    Set selected object rotation in degrees.

    View tool JSON
    {
      "name": "image_editor_rotate_selected",
      "kind": "act",
      "impl": "imperative",
      "description": "Set selected object rotation in degrees.",
      "inputSchema": {
        "type": "object",
        "properties": {
          "angle": {
            "type": "number"
          }
        },
        "required": [
          "angle"
        ]
      }
    }
    image_editor_cropAction

    Start, apply, or cancel image cropping.

    View tool JSON
    {
      "name": "image_editor_crop",
      "kind": "act",
      "impl": "imperative",
      "description": "Start, apply, or cancel image cropping.",
      "inputSchema": {
        "type": "object",
        "properties": {
          "action": {
            "type": "string",
            "enum": [
              "start",
              "apply",
              "cancel"
            ]
          }
        },
        "required": [
          "action"
        ]
      }
    }
    image_editor_exportAction

    Export the canvas as a PNG download.

    View tool JSON
    {
      "name": "image_editor_export",
      "kind": "act",
      "impl": "imperative",
      "description": "Export the canvas as a PNG download.",
      "inputSchema": {
        "type": "object",
        "properties": {}
      }
    }
    image_editor_clear_allAction

    Remove all editable objects while preserving the image.

    View tool JSON
    {
      "name": "image_editor_clear_all",
      "kind": "act",
      "impl": "imperative",
      "description": "Remove all editable objects while preserving the image.",
      "inputSchema": {
        "type": "object",
        "properties": {}
      }
    }
    image_editor_historyAnswer

    Undo or redo an image edit.

    View tool JSON
    {
      "name": "image_editor_history",
      "kind": "answer",
      "impl": "imperative",
      "description": "Undo or redo an image edit.",
      "inputSchema": {
        "type": "object",
        "properties": {
          "action": {
            "type": "string",
            "enum": [
              "undo",
              "redo"
            ]
          }
        },
        "required": [
          "action"
        ]
      }
    }
    image_editor_zoomAction

    Zoom in, out, or reset.

    View tool JSON
    {
      "name": "image_editor_zoom",
      "kind": "act",
      "impl": "imperative",
      "description": "Zoom in, out, or reset.",
      "inputSchema": {
        "type": "object",
        "properties": {
          "action": {
            "type": "string",
            "enum": [
              "in",
              "out",
              "reset"
            ]
          }
        },
        "required": [
          "action"
        ]
      }
    }
    image_editor_get_statusAnswer

    Read editor status and image-local coordinate metadata.

    View tool JSON
    {
      "name": "image_editor_get_status",
      "kind": "answer",
      "impl": "imperative",
      "description": "Read editor status and image-local coordinate metadata.",
      "inputSchema": {
        "type": "object",
        "properties": {}
      }
    }