ScreenshotRender

Capture screenshots de sites a partir de qualquer cliente MCP via a API do ScreenshotRender — imagem retornada inline mais uma URL hospedada.

Documentação

Servidor MCP do ScreenshotRender

Capture capturas de tela de sites de dentro do Claude, Cursor, VS Code, Windsurf, ou qualquer cliente Model Context Protocol. Este servidor encapsula a API do ScreenshotRender para que seu assistente de IA possa renderizar qualquer página web pública sob demanda.

Pergunte ao seu assistente: "Tire uma captura de tela de página inteira de stripe.com" e a imagem aparece diretamente no chat.

Ferramentas

FerramentaDescrição
take_screenshotCapture uma captura de tela de qualquer URL pública. Retorna a imagem inline além de uma URL hospedada e metadados da página (título, descrição).

Parâmetros

  • url (string, obrigatório) — página a capturar, incluindo https://.
  • fullPage (booleano, opcional) — capturar a página inteira rolável em vez da viewport.
  • wait (número, opcional) — milissegundos para esperar antes de capturar (para animações / conteúdo preguiçoso).
  • timeout (número, opcional) — máximo de milissegundos para esperar o carregamento.

Configuração

  1. Obtenha sua chave de API em screenshotrender.com (ela começa com sr-).
  2. Adicione o servidor à configuração do seu cliente MCP.

Claude Desktop

Edite claude_desktop_config.json (Configurações → Desenvolvedor → Editar Config):

{
  "mcpServers": {
    "screenshotrender": {
      "command": "npx",
      "args": ["-y", "screenshotrender-mcp"],
      "env": {
        "SCREENSHOTRENDER_API_KEY": "sr-your-key-here"
      }
    }
  }
}

Cursor / VS Code / Windsurf

Adicione o mesmo bloco nas configurações MCP do editor (mcp.json ou a interface de configurações MCP). Reinicie o cliente e a ferramenta take_screenshot estará disponível.

Variáveis de ambiente

VariávelObrigatórioDescrição
SCREENSHOTRENDER_API_KEYsimSua chave ScreenshotRender (sr-...).
SCREENSHOTRENDER_BASE_URLnãoSubstituir a URL base da API. O padrão é https://screenshotrender.com.

Desenvolvimento local

npm install
SCREENSHOTRENDER_API_KEY=sr-your-key npm run inspect   # opens MCP Inspector

O Inspector permite que você chame take_screenshot e veja o resultado antes de lançar.

Licença

MIT