capture_element

Capture precise screenshots of specific webpage elements using CSS selectors. Configure viewports for mobile, tablet, or desktop to ensure responsive design accuracy.

Instructions

Capture a screenshot of a specific element on a webpage

Input Schema

Name	Required	Description
`selector`	Yes	CSS selector for the element to capture
`standardDelay`	No	Whether to apply standard 2.5s delay after networkidle2 for better stability
`url`	Yes	The URL of the webpage
`viewport`	No	Viewport configuration

Input Schema (JSON Schema)

{
  "properties": {
    "selector": {
      "description": "CSS selector for the element to capture",
      "type": "string"
    },
    "standardDelay": {
      "default": true,
      "description": "Whether to apply standard 2.5s delay after networkidle2 for better stability",
      "type": "boolean"
    },
    "url": {
      "description": "The URL of the webpage",
      "type": "string"
    },
    "viewport": {
      "description": "Viewport configuration",
      "properties": {
        "height": {
          "description": "Viewport height in pixels",
          "maximum": 5000,
          "minimum": 100,
          "type": "number"
        },
        "preset": {
          "description": "Device preset (mobile, tablet, desktop)",
          "enum": [
            "mobile",
            "tablet",
            "desktop"
          ],
          "type": "string"
        },
        "width": {
          "description": "Viewport width in pixels",
          "maximum": 5000,
          "minimum": 100,
          "type": "number"
        }
      },
      "type": "object"
    }
  },
  "required": [
    "url",
    "selector"
  ],
  "type": "object"
}

Screenshot MCP

capture_element

Instructions

Input Schema

Input Schema (JSON Schema)

Other Tools from Screenshot MCP

Related Tools

MCP directory API