ScreenshotRender
Captura capturas de pantalla de sitios web desde cualquier cliente MCP a través de la API de ScreenshotRender: imagen devuelta en línea más una URL alojada.
Documentación
Servidor MCP de ScreenshotRender
Captura capturas de pantalla de sitios web desde Claude, Cursor, VS Code, Windsurf o cualquier cliente de Model Context Protocol. Este servidor envuelve la API de ScreenshotRender para que tu asistente de IA pueda renderizar cualquier página web pública cuando lo solicites.
Pregunta a tu asistente: "Toma una captura de pantalla de página completa de stripe.com" y la imagen aparecerá directamente en el chat.
Herramientas
| Herramienta | Descripción |
|---|---|
take_screenshot | Captura una captura de pantalla de cualquier URL pública. Devuelve la imagen en línea además de una URL alojada y metadatos de la página (título, descripción). |
Parámetros
url(cadena, obligatorio) — página a capturar, incluyendohttps://.fullPage(booleano, opcional) — captura toda la página desplazable en lugar de la ventana gráfica.wait(número, opcional) — milisegundos de espera antes de capturar (para animaciones / contenido diferido).timeout(número, opcional) — milisegundos máximos de espera para la carga.
Configuración
- Obtén tu clave de API en screenshotrender.com (comienza con
sr-). - Agrega el servidor a la configuración de tu cliente MCP.
Claude Desktop
Edita claude_desktop_config.json (Configuración → Desarrollador → Editar configuración):
{
"mcpServers": {
"screenshotrender": {
"command": "npx",
"args": ["-y", "screenshotrender-mcp"],
"env": {
"SCREENSHOTRENDER_API_KEY": "sr-your-key-here"
}
}
}
}
Cursor / VS Code / Windsurf
Agrega el mismo bloque en la configuración MCP del editor (mcp.json o la
interfaz de configuración MCP). Reinicia el cliente y la herramienta take_screenshot estará
disponible.
Variables de entorno
| Variable | Obligatoria | Descripción |
|---|---|---|
SCREENSHOTRENDER_API_KEY | sí | Tu clave de ScreenshotRender (sr-...). |
SCREENSHOTRENDER_BASE_URL | no | Sobrescribe la URL base de la API. El valor predeterminado es https://screenshotrender.com. |
Desarrollo local
npm install
SCREENSHOTRENDER_API_KEY=sr-your-key npm run inspect # opens MCP Inspector
El Inspector te permite llamar a take_screenshot y ver el resultado antes de
publicar.
Licencia
MIT