ShotAPI - Screenshot & Render MCP Server

Proporciona a los agentes de IA la capacidad de capturar pantallas de páginas web y renderizar HTML. Nivel gratuito 100+100/mes, sin necesidad de registro. Conexión remota streamable-http.

GitHub
1
Prueba este MCPPatrocinado

Documentación

ShotAPI — Servidor MCP de capturas y renderizado web para agentes de IA

Dale ojos a tu agente de IA. Un comando, cero instalación.

GitHub stars MCP Registry

中文文档

Inicio rápido (modo remoto — sin instalación)

# 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

Para Claude Desktop / Cursor, añade a tu configuración:

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

Casos de uso reales

1. Claude verifica su propio código

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. Verificación de despliegue

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. Regresión de UI en 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 herramientas MCP

HerramientaDescripciónEjemplo
screenshot_one_linerUna URL, una capturascreenshot_one_liner(url="https://github.com")
screenshotControl total: viewport, página completa, selector CSS, formatoscreenshot(url="https://github.com", selector="#hero")
renderRenderiza HTML/CSS a imagen: el agente escribe código y ve el resultado al instanterender(html="<h1>Hello</h1>")

La herramienta render cierra el bucle de retroalimentación: escribir código → renderizar → ver → revisar → renderizar de nuevo.

¿Por qué ShotAPI?

  • Nativo de MCP — Sin código de conexión. El agente llama a las herramientas directamente en la conversación.
  • Modo remoto sin instalación — streamable-http, sin necesidad de Python/Playwright.
  • Acceso directo desde China — Sin necesidad de VPN.
  • Nivel gratuito — 50 capturas + 50 renderizados al mes, basado en IP, sin registro, sin clave API. Todas las funciones desbloqueadas (página completa, selector, WebP).
  • Capacidad de renderizado — No solo capturas de páginas existentes. Renderiza HTML generado por el agente.
  • Bloqueo de anuncios integrado — Capturas más limpias, menos ruido.
  • Listado en el Registro MCP — Directorio oficial de servidores MCP de Anthropic.

Pruébalo ahora (sin registro)

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

Precios

PlanPrecioLímite
Gratis$050+50/mes (basado en IP, todas las funciones, sin registro)
Starter$4.90/mes5.000/mes
Pro$9.90/mes20.000/mes

Nivel gratuito: no se necesita clave API. De pago: obtén la clave en la página de precios.

Modo local (STDIO)

Para despliegues privados o uso de nivel de pago, ejecuta localmente:

# 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

Enlaces