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
| Ferramenta | Descrição |
|---|---|
take_screenshot | Capture 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, incluindohttps://.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
- Obtenha sua chave de API em screenshotrender.com (ela começa com
sr-). - 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ável | Obrigatório | Descrição |
|---|---|---|
SCREENSHOTRENDER_API_KEY | sim | Sua chave ScreenshotRender (sr-...). |
SCREENSHOTRENDER_BASE_URL | não | Substituir 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