npm screenshotrender-mcpstdioMITupdated 3mo ago
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.
What can you do with screenshotrender mcp?
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
Install
Add screenshotrender mcp to your client. Pick the one you use.
claude mcp add screenshotrender-mcp -- npx -y screenshotrender-mcpcodex mcp add screenshotrender-mcp -- npx -y screenshotrender-mcpamp mcp add screenshotrender-mcp -- npx -y screenshotrender-mcp{
"mcpServers": {
"screenshotrender-mcp": {
"command": "npx",
"args": [
"-y",
"screenshotrender-mcp"
]
}
}
}Add to `claude_desktop_config.json`, then restart Claude Desktop.
{
"mcpServers": {
"screenshotrender-mcp": {
"command": "npx",
"args": [
"-y",
"screenshotrender-mcp"
]
}
}
}Add to `~/.cursor/mcp.json`, or `.cursor/mcp.json` for a single project.
code --add-mcp '{"name":"screenshotrender-mcp","command":"npx","args":["-y","screenshotrender-mcp"]}'Or add the block manually to `.vscode/mcp.json` under `servers`.
{
"mcpServers": {
"screenshotrender-mcp": {
"command": "npx",
"args": [
"-y",
"screenshotrender-mcp"
]
}
}
}Add to `~/.codeium/windsurf/mcp_config.json`.
{
"mcpServers": {
"screenshotrender-mcp": {
"command": "npx",
"args": [
"-y",
"screenshotrender-mcp"
]
}
}
}Add to `cline_mcp_settings.json` via the MCP Servers panel.
{
"mcpServers": {
"screenshotrender-mcp": {
"command": "npx",
"args": [
"-y",
"screenshotrender-mcp"
]
}
}
}Add to `~/.gemini/settings.json`.
{
"mcpServers": {
"screenshotrender-mcp": {
"type": "local",
"command": "npx",
"args": [
"-y",
"screenshotrender-mcp"
],
"tools": [
"*"
]
}
}
}Add to `~/.copilot/mcp-config.json`, or run `/mcp add` inside the CLI.
{
"context_servers": {
"screenshotrender-mcp": {
"command": {
"path": "npx",
"args": [
"-y",
"screenshotrender-mcp"
]
}
}
}
}Add to your Zed `settings.json`.
npx -y screenshotrender-mcpRun `goose configure`, choose **Add Extension → Command-line Extension**, and paste this command.
1 tool
screenshotrender mcp exposes one tool to a connected agent.
- take_screenshot
- Capture a screenshot of any public URL. Returns the image inline plus a hosted URL and page metadata (title, description).
Score
64 / 100
Good
- Documentation22/25
- Maintenance13/25
- Trust13/20
- Capability4/15
- Install experience12/15
- Documents what it does and how to connect
- Has a resolvable package or endpoint
- Exposes at least one tool, prompt or resource
- README has substantive content
- Includes a code example
- Documents its configuration
- Mentions credentials or security posture
- Last commit 91 days ago
- Has a release history
- Repository is not archived
- Licensed MIT
- Namespace verified in the official MCP registry
- Claimed by its owner
- Published under an organisation
- 1 tool(s) documented
- Provides prompt templates
- Provides resources
- 12 documented install method(s)
- Published to a package registry
- Offers a hosted endpoint — no local install
Version history
| Versions | Published |
|---|---|
| 1.0.1Latest | Jun 2, 2026 |