Summary
Wraps the ScreenshotRender API so Claude and other MCP clients can capture screenshots of any public URL on demand. Exposes a single take_screenshot tool that returns the image inline plus a hosted URL and page metadata like title and description. You can grab full-page scrolling captures, add wait delays for animations or lazy-loaded content, and set custom timeouts. Requires a ScreenshotRender API key (starts with sr-). Useful when you need your assistant to visually inspect a live site, document UI states, or pull reference images without leaving the conversation.
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →
belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install →
Give your AI agent a complete email layer—sending, inbound inboxes, and sandbox testing.
Get 4K emails/month free →
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
Notes, actions and memory. Without a meeting bot. First month 100% off.
Download for free →
Your agent targets a perfect 10 Code Health score. Deterministic. Every commit.
Try For Free →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
Featured
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install →Give your AI agent a complete email layer—sending, inbound inboxes, and sandbox testing.
Get 4K emails/month free →Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →Notes, actions and memory. Without a meeting bot. First month 100% off.
Download for free →Your agent targets a perfect 10 Code Health score. Deterministic. Every commit.
Try For Free →Configuration
SCREENSHOTRENDER_API_KEY*secretYour ScreenshotRender API key (starts with sr-). Get one at https://screenshotrender.com.