io.github.faridmth/screenshotrender-mcp
Capture website screenshots from any MCP client via the ScreenshotRender API.
ماذا يمكنك أن تفعل مع 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.
التثبيت
أضف هذا إلى إعدادات MCP في عميلك (Claude Desktop: claude_desktop_config.json، وCursor: .cursor/mcp.json، ويستخدم VS Code وغيره الصيغة نفسها «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>"
}
}
}
}
متغيرات البيئة
SCREENSHOTRENDER_API_KEYإلزامي سري Your ScreenshotRender API key (starts with sr-). Get one at https://screenshotrender.com.
التوثيق
مأخوذ من ملف README للمشروع على GitHub ويُحدَّث أسبوعيًا. تفتح الروابط على 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
الأسئلة الشائعة
ما هو io.github.faridmth/screenshotrender-mcp؟
Capture website screenshots from any MCP client via the ScreenshotRender API.
كيف أثبّت io.github.faridmth/screenshotrender-mcp؟
يعمل على جهازك. في Claude Code: claude mcp add screenshotrender-mcp -e 'SCREENSHOTRENDER_API_KEY=<your screenshotrender_api_key>' -- npx -y screenshotrender-mcp@1.0.1. وفي العملاء الآخرين، الصق إعداد JSON من هذه الصفحة في إعدادات MCP الخاصة بهم.
هل يحتاج io.github.faridmth/screenshotrender-mcp إلى مفتاح API؟
نعم. يتطلب SCREENSHOTRENDER_API_KEY، وتضبطها في إعداداته.
هل io.github.faridmth/screenshotrender-mcp مفتوح المصدر؟
نعم. شيفرته متاحة على GitHub بترخيص MIT.
من يصون io.github.faridmth/screenshotrender-mcp؟
ينشره faridmth. يدرجه AI.tn لكنه لا يصونه ولا يوصي به.
من سجل MCP الرسمي. الإدراج ليس توصية: راجع شيفرة الخادم وصلاحياته قبل منحه الوصول إلى بياناتك.