io.github.faridmth/screenshotrender-mcp
Capture website screenshots from any MCP client via the ScreenshotRender API.
Que pouvez-vous faire avec io.github.faridmth/screenshotrender-mcp ?
url(string, required) — page to capture, includinghttps://.fullPage(boolean, optional) — capture the entire scrollable page instead of the viewport.wait(number, optional) — milliseconds to wait before capturing (for animations / lazy content).timeout(number, optional) — max milliseconds to wait for load.
Installation
Ajoutez ceci à la configuration MCP de votre client (Claude Desktop : claude_desktop_config.json ; Cursor : .cursor/mcp.json ; VS Code et les autres utilisent la même forme « mcpServers »).
screenshotrender-mcpclaude mcp add screenshotrender-mcp -e 'SCREENSHOTRENDER_API_KEY=<your screenshotrender_api_key>' -- npx -y screenshotrender-mcp@1.0.1
{
"mcpServers": {
"screenshotrender-mcp": {
"command": "npx",
"args": [
"-y",
"screenshotrender-mcp@1.0.1"
],
"env": {
"SCREENSHOTRENDER_API_KEY": "<your screenshotrender_api_key>"
}
}
}
}
Variables d'environnement
SCREENSHOTRENDER_API_KEYobligatoire secret Your ScreenshotRender API key (starts with sr-). Get one at https://screenshotrender.com.
Documentation
Tirée du README du projet sur GitHub, actualisée chaque semaine. Les liens ouvrent GitHub.
ScreenshotRender MCP server
Capture website screenshots from inside Claude, Cursor, VS Code, Windsurf, or any Model Context Protocol client. This server wraps the ScreenshotRender API so your AI assistant can render any public web page on request.
Ask your assistant: "Take a full-page screenshot of stripe.com" and the image appears right in the chat.
Tools
| Tool | Description |
|---|---|
take_screenshot | Capture a screenshot of any public URL. Returns the image inline plus a hosted URL and page metadata (title, description). |
Parameters
url(string, required) — page to capture, includinghttps://.fullPage(boolean, optional) — capture the entire scrollable page instead of the viewport.wait(number, optional) — milliseconds to wait before capturing (for animations / lazy content).timeout(number, optional) — max milliseconds to wait for load.
Setup
- Get your API key at screenshotrender.com (it starts with
sr-). - Add the server to your MCP client config.
Claude Desktop
Edit claude_desktop_config.json (Settings → Developer → Edit Config):
{
"mcpServers": {
"screenshotrender": {
"command": "npx",
"args": ["-y", "screenshotrender-mcp"],
"env": {
"SCREENSHOTRENDER_API_KEY": "sr-your-key-here"
}
}
}
}
Cursor / VS Code / Windsurf
Add the same block under the editor's MCP settings (mcp.json or the MCP
settings UI). Restart the client and the take_screenshot tool will be
available.
Environment variables
| Variable | Required | Description |
|---|---|---|
SCREENSHOTRENDER_API_KEY | yes | Your ScreenshotRender key (sr-...). |
SCREENSHOTRENDER_BASE_URL | no | Override the API base URL. Defaults to https://screenshotrender.com. |
Local development
npm install
SCREENSHOTRENDER_API_KEY=sr-your-key npm run inspect # opens MCP Inspector
The Inspector lets you call take_screenshot and view the result before
shipping.
License
MIT
Questions fréquentes
Qu'est-ce que io.github.faridmth/screenshotrender-mcp ?
Capture website screenshots from any MCP client via the ScreenshotRender API.
Comment installer io.github.faridmth/screenshotrender-mcp ?
Il s'exécute sur votre machine. Dans Claude Code : claude mcp add screenshotrender-mcp -e 'SCREENSHOTRENDER_API_KEY=<your screenshotrender_api_key>' -- npx -y screenshotrender-mcp@1.0.1. Pour les autres clients, collez la configuration JSON de cette page dans leurs réglages MCP.
Faut-il une clé API pour io.github.faridmth/screenshotrender-mcp ?
Oui. Il attend SCREENSHOTRENDER_API_KEY, à renseigner dans sa configuration.
io.github.faridmth/screenshotrender-mcp est-il open source ?
Oui. Son code est sur GitHub sous licence MIT.
Qui maintient io.github.faridmth/screenshotrender-mcp ?
Il est publié par faridmth. AI.tn le référence sans le maintenir ni le recommander.
Issu du registre MCP officiel. Être listé n'est pas une recommandation : vérifiez le code et les permissions d'un serveur avant de lui donner accès à vos données.