RendShot MCP Server
@rendshot/mcp
RendShot 的 MCP 服务器 — 将 HTML 转图像渲染、URL 截图和模板管理作为工具暴露给 AI 智能体。
安装
npm install -g @rendshot/mcpRelated MCP server: rendex-mcp
设置
Claude Desktop
添加到 ~/Library/Application Support/Claude/claude_desktop_config.json:
{
"mcpServers": {
"rendshot": {
"command": "npx",
"args": ["-y", "@rendshot/mcp"],
"env": {
"RENDSHOT_API_KEY": "rs_live_..."
}
}
}
}Claude Code
claude mcp add rendshot -- npx -y @rendshot/mcp在环境中设置 API 密钥:
export RENDSHOT_API_KEY=rs_live_...Cursor / VS Code
添加到 MCP 设置:
{
"rendshot": {
"command": "npx",
"args": ["-y", "@rendshot/mcp"],
"env": {
"RENDSHOT_API_KEY": "rs_live_..."
}
}
}工具
工具 | 描述 |
| 将 HTML/CSS 或模板渲染为图像 |
| 对任意 URL 进行截图 |
| 浏览已发布的模板并进行筛选 |
| 获取模板详情和变量定义 |
| 创建新的可重用模板 |
generate_image
将 HTML 渲染为图像,或使用带有变量的模板:
"Generate an image from this HTML: <h1>Hello World</h1>"
"Use template tpl_abc123 with title='Launch Day'"参数 | 类型 | 必填 | 描述 |
|
| * | 要渲染的 HTML(与 template_id 二选一) |
|
| * | 模板 ID(与 html 二选一) |
|
| — | 模板变量 |
|
| — | CSS 样式 |
|
| — | 宽度(1–4096,默认 1080) |
|
| — | 高度(1–4096,默认 1080) |
|
| — | 输出格式 |
|
| — | JPEG 质量(1–100) |
|
| — | 设备像素比 |
screenshot_url
"Screenshot https://example.com at 1440x900"
"Take a full-page screenshot of https://github.com"参数 | 类型 | 必填 | 描述 |
|
| 是 | 要截图的 URL |
|
| — | 视口宽度 |
|
| — | 视口高度 |
|
| — | 截取整页 |
|
| — | 输出格式 |
list_templates
"Show me xiaohongshu templates"
"Search templates for 'blog cover'"参数 | 类型 | 描述 |
|
| 按平台筛选 |
|
| 按类别筛选 |
|
| 搜索查询 |
|
| 每页结果数 |
get_template
"Get details for template tpl_abc123"create_template
"Create a template named 'Blog Header' with this HTML and a title variable"环境变量
变量 | 必填 | 默认值 | 描述 |
| 是 | — | 您的 API 密钥 ( |
| 否 |
| API 基础 URL |
许可证
MIT
This server cannot be deployed
Maintenance
Related MCP Connectors
Generate images, GIFs, videos, and PDFs from HTML, URLs, or templates — from your AI agent.
Screenshots, PDFs and Markdown from any URL or HTML for AI agents, via the SnapForge API
Generate images and PDFs from HTML/CSS, live websites, and reusable templates.
Screenshot, PDF and HTML-to-image rendering API so Claude and Cursor can see any web page.
Related MCP Servers
- AlicenseAqualityDmaintenanceEnables AI assistants to programmatically generate images, GIFs, and PDFs from HTML/CSS or web screenshots using the Pictify API. It also supports template management, batch rendering jobs, and A/B test experiment controls.3172 npmMIT
- AlicenseAqualityCmaintenanceCapture screenshots, generate PDFs, and render HTML to images via AI agents. Supports batch capture, geo-targeting, async webhooks, and CSS/JS injection.1159 npm6MIT

@rendershot/mcp-serverofficial
AlicenseAqualityDmaintenanceEnables AI agents to capture screenshots and generate PDFs from URLs or HTML via the Rendershot API.49 npm3MIT- AlicenseAqualityAmaintenanceScreenshot, visual-diff, and AI page-analysis API for AI agents. Capture any URL as PNG, JPEG, WebP, PDF, or HTML, diff two versions of a page to catch visual regressions, and get an AI summary of what a page contains.344 npm1MIT