ShotAPI - Screenshot & Render MCP Server

Dê aos agentes de IA a capacidade de capturar páginas da web e renderizar HTML. Plano gratuito de 100+100/mês, sem necessidade de cadastro. Conexão remota streamable-http.

GitHub

Experimente este MCPPatrocinado

Documentação

ShotAPI — Servidor MCP de Screenshot e Render para Agentes de IA

Dê olhos ao seu Agente de IA. Um comando, zero instalação.

Documentação em Chinês

Início Rápido (Modo Remoto — Sem Instalação)

# 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, adicione à sua configuração:

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

Casos de Uso Reais

1. Claude verifica seu próprio 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. Verificação de deploy

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. Regressão de UI em 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 Ferramentas MCP

Ferramenta	Descrição	Exemplo
`screenshot_one_liner`	Uma URL, um screenshot	`screenshot_one_liner(url="https://github.com")`
`screenshot`	Controle total: viewport, página inteira, seletor CSS, formato	`screenshot(url="https://github.com", selector="#hero")`
`render`	Renderizar HTML/CSS para imagem — o Agente escreve código e vê o resultado instantaneamente	`render(html="<h1>Hello</h1>")`

A ferramenta render fecha o ciclo de feedback: escrever código → renderizar → ver → revisar → renderizar novamente.

Por que ShotAPI?

Nativo MCP — Sem código de integração. O Agente chama ferramentas diretamente na conversa.
Modo remoto sem instalação — streamable-http, sem necessidade de Python/Playwright.
Acesso direto na China — Sem necessidade de VPN.
Plano gratuito — 50 screenshots + 50 renders/mês, baseado em IP, sem cadastro, sem chave de API. Todos os recursos liberados (página inteira, seletor, WebP).
Capacidade de render — Não apenas screenshots de páginas existentes. Renderize HTML gerado pelo Agente.
Bloqueio de anúncios integrado — Screenshots mais limpos, menos ruído.
Listado no Registro MCP — Diretório oficial de servidores MCP da Anthropic.

Experimente Agora (Sem Cadastro)

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

Preços

Plano	Preço	Limite
Gratuito	$0	50+50/mês (baseado em IP, todos os recursos, sem cadastro)
Starter	$4,90/mês	5.000/mês
Pro	$9,90/mês	20.000/mês

Plano gratuito: sem necessidade de chave de API. Pago: obtenha a chave na página de preços.

Modo Local (STDIO)

Para implantações privadas ou uso no plano pago, execute 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