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

HerramientaDescripción
take_screenshotCaptura 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, incluyendo https://.
  • 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

  1. Obtén tu clave de API en screenshotrender.com (comienza con sr-).
  2. 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

VariableObligatoriaDescripción
SCREENSHOTRENDER_API_KEYTu clave de ScreenshotRender (sr-...).
SCREENSHOTRENDER_BASE_URLnoSobrescribe 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