English Français العربية

ShotAPI MCP Server

Official registry AI and agents

Screenshot and HTML render MCP server for AI agents

Source code Website Documentation

Install

Add this to your client's MCP configuration (Claude Desktop: claude_desktop_config.json; Cursor: .cursor/mcp.json; VS Code and others use the same "mcpServers" shape).

Remote (streamable-http)
Claude Code 
claude mcp add --transport http shotapi-mcp-server 'https://aiphotoshop.mynatapp.cc/mcp'
JSON configuration (Claude Desktop, Cursor, VS Code) 
{
    "mcpServers": {
        "shotapi-mcp-server": {
            "type": "http",
            "url": "https://aiphotoshop.mynatapp.cc/mcp"
        }
    }
}

Documentation

From the project's README on GitHub, refreshed weekly. Links open on GitHub.

Contents
  1. ShotAPI — Web Screenshot & Render MCP Server for AI Agents
  2. Quick Start (Remote Mode — No Install)
  3. Real Use Cases
  4. 3 MCP Tools
  5. Why ShotAPI?
  6. Try It Now (No Signup)
  7. Pricing
  8. Local Mode (STDIO)
  9. Links

ShotAPI — Web Screenshot & Render MCP Server for AI Agents

Give your AI Agent eyes. One command, zero install.

中文文档

Quick Start (Remote Mode — No Install)

# Claude Code
claude mcp add --transport streamable-http shotapi https://aiphotoshop.mynatapp.cc/mcp

# Or with npx
npx -y @anthropic-ai/claude-code@latest --mcp https://aiphotoshop.mynatapp.cc/mcp

For Claude Desktop / Cursor, add to your config:

{
  "mcpServers": {
    "shotapi": {
      "type": "streamable-http",
      "url": "https://aiphotoshop.mynatapp.cc/mcp"
    }
  }
}

Real Use Cases

1. Claude verifies its own code
Human: Build a landing page with a hero section, testimonials, and pricing grid.

Claude: [writes HTML/CSS code]

Claude: Let me check this with the render tool...

[Claude calls ShotAPI render tool with the HTML it wrote]

Claude: The pricing grid overlaps on mobile. Fixing responsive breakpoints...
2. Deployment verification
Human: I just deployed. Check if it looks right.

Claude: [calls ShotAPI screenshot on https://yourapp.com]

Claude: Footer text is cut off — CSS overflow issue. Background image 404.
3. UI regression in CI/CD
# Capture before/after screenshots and compare
curl -s "https://aiphotoshop.mynatapp.cc/v1/screenshot?url=https://staging.myapp.com" -o before.png
curl -s "https://aiphotoshop.mynatapp.cc/v1/screenshot?url=https://staging.myapp.com" -o after.png

3 MCP Tools

ToolDescriptionExample
screenshot_one_linerOne URL, one screenshotscreenshot_one_liner(url="https://github.com")
screenshotFull control: viewport, full-page, CSS selector, formatscreenshot(url="https://github.com", selector="#hero")
renderRender HTML/CSS to image — Agent writes code, sees result instantlyrender(html="<h1>Hello</h1>")

The render tool closes the feedback loop: write code → render → see → revise → render again.

Why ShotAPI?

  • MCP-native — No glue code. Agent calls tools directly in conversation.
  • Zero install remote mode — streamable-http, no Python/Playwright needed.
  • Direct China access — No VPN required.
  • Free tier — 50 screenshots + 50 renders/month, IP-based, no signup, no API key. All features unlocked (full-page, selector, WebP).
  • Render capability — Not just screenshots of existing pages. Render Agent-generated HTML.
  • Built-in ad blocking — Cleaner screenshots, less noise.
  • Listed in MCP Registry — Official Anthropic MCP server directory.

Try It Now (No Signup)

curl -s "https://aiphotoshop.mynatapp.cc/v1/screenshot?url=https://github.com" -o shot.jpg

Pricing

PlanPriceLimit
Free$050+50/month (IP-based, all features, no signup)
Starter$4.90/mo5,000/month
Pro$9.90/mo20,000/month

Free tier: no API key needed. Paid: get key at pricing page.

Local Mode (STDIO)

For private deployments or paid-tier usage, run locally:

# Install dependencies
pip install -r requirements.txt
playwright install chromium

# Set env vars
export SHOTAPI_BASE_URL=https://aiphotoshop.mynatapp.cc
export SHOTAPI_KEY=your_key_here  # optional for paid tiers

# Add to Claude Code
claude mcp add shotapi python mcp_stdio.py

Frequently asked questions

What is ShotAPI MCP Server?

Screenshot and HTML render MCP server for AI agents

How do I install ShotAPI MCP Server?

It runs as a remote server. In Claude Code: claude mcp add --transport http shotapi-mcp-server 'https://aiphotoshop.mynatapp.cc/mcp'. For other clients, paste the JSON configuration from this page into their MCP settings.

Does ShotAPI MCP Server need an API key?

Its registry entry lists no required key or secret. Some features may still need an account with the service it connects to.

Is ShotAPI MCP Server open source?

Yes. Its code is on GitHub under the MIT license.

Who maintains ShotAPI MCP Server?

It is published by smallhandsome. AI.tn lists it but does not maintain or endorse it.

From the official MCP Registry. Listing is not an endorsement: review a server's code and permissions before giving it access to your data.