English Français العربية

ShotAPI MCP Server

Registre officiel IA et agents

Screenshot and HTML render MCP server for AI agents

Code source Site web Documentation

Installation

Ajoutez ceci à la configuration MCP de votre client (Claude Desktop : claude_desktop_config.json ; Cursor : .cursor/mcp.json ; VS Code et les autres utilisent la même forme « mcpServers »).

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

Documentation

Tirée du README du projet sur GitHub, actualisée chaque semaine. Les liens ouvrent GitHub.

Sommaire
  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

Questions fréquentes

Qu'est-ce que ShotAPI MCP Server ?

Screenshot and HTML render MCP server for AI agents

Comment installer ShotAPI MCP Server ?

Il fonctionne comme serveur distant. Dans Claude Code : claude mcp add --transport http shotapi-mcp-server 'https://aiphotoshop.mynatapp.cc/mcp'. Pour les autres clients, collez la configuration JSON de cette page dans leurs réglages MCP.

Faut-il une clé API pour ShotAPI MCP Server ?

Son entrée au registre n'indique aucune clé ni secret obligatoire. Certaines fonctions peuvent tout de même demander un compte auprès du service auquel il se connecte.

ShotAPI MCP Server est-il open source ?

Oui. Son code est sur GitHub sous licence MIT.

Qui maintient ShotAPI MCP Server ?

Il est publié par smallhandsome. AI.tn le référence sans le maintenir ni le recommander.

Issu du registre MCP officiel. Être listé n'est pas une recommandation : vérifiez le code et les permissions d'un serveur avant de lui donner accès à vos données.