ShotAPI截图渲染

jackjsliu/shotapi
0 Stars 13 次浏览 更新于 2026-08-23

ShotAPI 是一个为AI代理设计的网页截图和渲染MCP服务器,允许它们捕获屏幕截图并渲染HTML/CSS。它提供无需安装的远程模式、直接访问中国以及每月30张截图和30次渲染的免费套餐。

MCP 服务配置

复制以下 JSON 到 OPClaw 或其他 MCP 客户端的配置文件中即可使用

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

服务介绍

ShotAPI — Web Screenshot & Render MCP Server for AI Agents

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

Product Hunt

中文文档

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"
    }
  }
}

3 MCP Tools

Tool Description Example
screenshot_one_liner One URL, one screenshot screenshot_one_liner(url="https://github.com")
screenshot Full control: viewport, full-page, CSS selector, format screenshot(url="https://github.com", selector="#hero")
render Render HTML/CSS to image — Agent writes code, sees result instantly render(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. WeChat/Alipay payment.
  • Free tier — 30 screenshots + 30 renders/month, IP-based, no signup.
  • Render capability — Not just screenshots of existing pages. Render Agent-generated HTML.
  • Built-in ad blocking — Cleaner screenshots, less noise.

Try It Now (No Signup)

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

Pricing

Plan Price Limit
Free $0 30+30/month (IP-based)
Starter $4.90/mo 5,000/month
Pro $9.90/mo 20,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

相关 MCP 服务