io.github.smallhandsome/shotapi-mcp-server

Official3 tools

by smallhandsome · Python

ShotAPI MCP Server

Screenshot and HTML render MCP server for AI agents

Captures screenshots and renders HTML for AI agents to analyze visual content.

Topics

ai-agentclaudecursormcpmcp-serverrender-apiscreenshot-api

Captured live from the server via tools/list.

screenshot_one_liner

Capture a webpage as a JPEG screenshot. The simplest way to see what a webpage looks like. Use this when you need to quickly check a webpage's appearance, verify a design, or see content that requires rendering. Returns a 1280x720 JPEG image (~50KB) with ads blocked. Args: url: The URL to screenshot (e.g. "https://example.com")

Parameters (1)

urlstringrequired

screenshot

Capture a webpage screenshot with full control over viewport, format, and element selection. Args: url: The URL to screenshot width: Viewport width in pixels (default: 1280) height: Viewport height in pixels (default: 720) fullpage: Capture the entire scrollable page instead of just the viewport (default: false) format: Image format — "jpeg" saves tokens (~50KB), "png" for quality, "webp" smallest (default: "jpeg") block_ads: Remove ads and cookie banners (default: true) wait_for: CSS selector to wait for before capturing, e.g. ".main-content" to ensure content loaded selector: CSS selector to capture only a specific element, e.g. ".hero" or "#pricing-table"

Parameters (8)

urlstringrequired
widthinteger
heightinteger
fullpageboolean
formatstring
block_adsboolean
wait_forstring
selectorstring

render

Render HTML/CSS code as an image. Turn any markup into a visual preview. Useful for: previewing UI code, checking CSS layouts, turning design mockups into shareable images. Supports <style> tags, inline CSS, and common HTML features. Output is auto-cropped to content — no wasted blank space below. Args: html: The HTML/CSS code to render width: Viewport width in pixels (default: 1280) height: Viewport height in pixels — output auto-cropped to content (default: 720) format: Image format — "jpeg" saves tokens, "png" for crisp text, "webp" smallest (default: "jpeg")

Parameters (4)

htmlstringrequired
widthinteger
heightinteger
formatstring

Install

claude_desktop_config.json

{
  "mcpServers": {
    "shotapi-mcp-server": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-remote",
        "https://aiphotoshop.mynatapp.cc/mcp"
      ]
    }
  }
}

Desktop config is stdio-only; this bridges via mcp-remote. Native remote: Settings > Connectors.