ShotAPI
Screenshot and HTML Rendering MCP Server for AI Agents. Capture screenshots, render HTML to images, and generate PDFs via simple API calls. Compatible with Claude, Cursor, and any MCP client.
README
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"
}
}
}
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 — 100 screenshots + 100 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 | 100+100/month (IP-based) |
| Starter | $4.90/mo | 5,000/month |
| Pro | $9.90/mo | 20,000/month |
| Business | $29.90/mo | 100,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
Links
- Docs: https://aiphotoshop.mynatapp.cc/docs
- Pricing: https://aiphotoshop.mynatapp.cc/pricing
- Health: https://aiphotoshop.mynatapp.cc/health
- Smithery: https://smithery.ai/server/@ljs/shotapi
Recommended Servers
playwright-mcp
A Model Context Protocol server that enables LLMs to interact with web pages through structured accessibility snapshots without requiring vision models or screenshots.
Magic Component Platform (MCP)
An AI-powered tool that generates modern UI components from natural language descriptions, integrating with popular IDEs to streamline UI development workflow.
Audiense Insights MCP Server
Enables interaction with Audiense Insights accounts via the Model Context Protocol, facilitating the extraction and analysis of marketing insights and audience data including demographics, behavior, and influencer engagement.
VeyraX MCP
Single MCP tool to connect all your favorite tools: Gmail, Calendar and 40 more.
graphlit-mcp-server
The Model Context Protocol (MCP) Server enables integration between MCP clients and the Graphlit service. Ingest anything from Slack to Gmail to podcast feeds, in addition to web crawling, into a Graphlit project - and then retrieve relevant contents from the MCP client.
Kagi MCP Server
An MCP server that integrates Kagi search capabilities with Claude AI, enabling Claude to perform real-time web searches when answering questions that require up-to-date information.
E2B
Using MCP to run code via e2b.
Neon Database
MCP server for interacting with Neon Management API and databases
Qdrant Server
This repository is an example of how to create a MCP server for Qdrant, a vector search engine.
Exa Search
A Model Context Protocol (MCP) server lets AI assistants like Claude use the Exa AI Search API for web searches. This setup allows AI models to get real-time web information in a safe and controlled way.