← WebMCP Directory

Tool tree

agentzen.garden

Developer ToolsTools verified
Website
A WebMCP-powered design sandbox where agents shape real webpages and humans guide the result.
Explore capabilities
    list_layoutsAnswer

    List available layout templates. Always call this first to see what layouts are available.

    View tool JSON
    {
      "name": "list_layouts",
      "kind": "answer",
      "impl": "imperative",
      "description": "List available layout templates. Always call this first to see what layouts are available.",
      "inputSchema": {
        "type": "object",
        "properties": {},
        "required": []
      },
      "page": "/"
    }
    list_designsAnswer

    List saved design sessions with public preview and share URLs.

    View tool JSON
    {
      "name": "list_designs",
      "kind": "answer",
      "impl": "imperative",
      "description": "List saved design sessions with public preview and share URLs.",
      "inputSchema": {
        "type": "object",
        "properties": {},
        "required": []
      },
      "page": "/"
    }
    select_layoutAction

    Create a named design session with a chosen layout and optional agent/provider metadata. Returns a session_id, preview_url, and share_url.

    View tool JSON
    {
      "name": "select_layout",
      "kind": "act",
      "impl": "imperative",
      "description": "Create a named design session with a chosen layout and optional agent/provider metadata. Returns a session_id, preview_url, and share_url.",
      "inputSchema": {
        "type": "object",
        "properties": {
          "layout_id": {
            "type": "string",
            "description": "The layout id from list_layouts."
          },
          "name": {
            "type": "string",
            "description": "Human-readable name for the design."
          },
          "metadata": {
            "type": "object",
            "description": "Optional name, attribution, and provenance, such as name, agent_name, provider, model, harness, or description.",
            "properties": {
              "name": {
                "type": "string",
                "description": "Human-readable name for the design."
              },
              "title": {
                "type": "string",
                "description": "Legacy alias for name."
              },
              "agent_name": {
                "type": "string",
                "description": "Name of the agent that created the design."
              },
              "provider": {
                "type": "string"
              },
              "model": {
                "type": "string"
              },
              "harness": {
                "type": "string"
              },
              "description": {
                "type": "string"
              }
            },
            "additionalProperties": {
              "type": "string"
            }
          }
        },
        "required": [
          "layout_id"
        ]
      },
      "page": "/"
    }
    examine_layoutAnswer

    Inspect the current HTML structure of a session — lists all slots (editable text/image regions) and CSS selectors available for styling.

    View tool JSON
    {
      "name": "examine_layout",
      "kind": "answer",
      "impl": "imperative",
      "description": "Inspect the current HTML structure of a session — lists all slots (editable text/image regions) and CSS selectors available for styling.",
      "inputSchema": {
        "type": "object",
        "properties": {
          "session_id": {
            "type": "string",
            "description": "Session id from select_layout."
          }
        },
        "required": [
          "session_id"
        ]
      },
      "page": "/"
    }
    set_styleAction

    Apply CSS declarations to a selector in the session's stylesheet. Merges with any existing rules for that selector.

    View tool JSON
    {
      "name": "set_style",
      "kind": "act",
      "impl": "imperative",
      "description": "Apply CSS declarations to a selector in the session's stylesheet. Merges with any existing rules for that selector.",
      "inputSchema": {
        "type": "object",
        "properties": {
          "session_id": {
            "type": "string"
          },
          "selector": {
            "type": "string",
            "description": "CSS selector, e.g. '.hero-headline' or 'body'."
          },
          "declarations": {
            "type": "object",
            "description": "CSS property/value pairs, e.g. { \"color\": \"#ff0000\", \"font-size\": \"2rem\" }.",
            "additionalProperties": {
              "type": "string"
            }
          }
        },
        "required": [
          "session_id",
          "selector",
          "declarations"
        ]
      },
      "page": "/"
    }
    add_fontAction

    Load a Google Font into the session and make it available for use with set_style.

    View tool JSON
    {
      "name": "add_font",
      "kind": "act",
      "impl": "imperative",
      "description": "Load a Google Font into the session and make it available for use with set_style.",
      "inputSchema": {
        "type": "object",
        "properties": {
          "session_id": {
            "type": "string"
          },
          "font_name": {
            "type": "string",
            "description": "The font name as it appears in CSS, e.g. 'Playfair Display'."
          },
          "google_font": {
            "type": "string",
            "description": "The Google Fonts family name, e.g. 'Playfair+Display:ital,wght@0,400;1,400'."
          }
        },
        "required": [
          "session_id",
          "font_name"
        ]
      },
      "page": "/"
    }
    set_copyAction

    Set the text content of a named slot in the layout.

    View tool JSON
    {
      "name": "set_copy",
      "kind": "act",
      "impl": "imperative",
      "description": "Set the text content of a named slot in the layout.",
      "inputSchema": {
        "type": "object",
        "properties": {
          "session_id": {
            "type": "string"
          },
          "slot": {
            "type": "string",
            "description": "Slot name from examine_layout, e.g. 'hero-headline'."
          },
          "text": {
            "type": "string",
            "description": "The new text content."
          }
        },
        "required": [
          "session_id",
          "slot",
          "text"
        ]
      },
      "page": "/"
    }
    add_imageAction

    Set an image URL for an image slot or apply a background image to any slot.

    View tool JSON
    {
      "name": "add_image",
      "kind": "act",
      "impl": "imperative",
      "description": "Set an image URL for an image slot or apply a background image to any slot.",
      "inputSchema": {
        "type": "object",
        "properties": {
          "session_id": {
            "type": "string"
          },
          "slot": {
            "type": "string",
            "description": "Slot name from examine_layout."
          },
          "url": {
            "type": "string",
            "description": "Publicly accessible image URL."
          },
          "alt": {
            "type": "string",
            "description": "Alt text for the image."
          }
        },
        "required": [
          "session_id",
          "slot",
          "url"
        ]
      },
      "page": "/"
    }
    export_pdfAction

    Render the current session state to a PDF and return a download URL.

    View tool JSON
    {
      "name": "export_pdf",
      "kind": "act",
      "impl": "imperative",
      "description": "Render the current session state to a PDF and return a download URL.",
      "inputSchema": {
        "type": "object",
        "properties": {
          "session_id": {
            "type": "string"
          }
        },
        "required": [
          "session_id"
        ]
      },
      "page": "/"
    }