RendShot MCP Server
Enables browsing and filtering of Xiaohongshu templates through the list_templates tool for creating platform-specific content.
Click on "Deploy Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@RendShot MCP Serverscreenshot https://github.com/trending with full page capture"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
@rendshot/mcp
MCP server for RendShot — expose HTML-to-image rendering, URL screenshots, and template management as tools for AI agents.
Installation
npm install -g @rendshot/mcpRelated MCP server: rendex-mcp
Setup
Claude Desktop
Add to ~/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/mcpSet the API key in your environment:
export RENDSHOT_API_KEY=rs_live_...Cursor / VS Code
Add to MCP settings:
{
"rendshot": {
"command": "npx",
"args": ["-y", "@rendshot/mcp"],
"env": {
"RENDSHOT_API_KEY": "rs_live_..."
}
}
}Tools
Tool | Description |
| Render HTML/CSS or a template to an image |
| Take a screenshot of any URL |
| Browse published templates with filtering |
| Get template details and variable definitions |
| Create a new reusable template |
generate_image
Render HTML to an image, or use a template with variables:
"Generate an image from this HTML: <h1>Hello World</h1>"
"Use template tpl_abc123 with title='Launch Day'"Parameter | Type | Required | Description |
|
| * | HTML to render (XOR with template_id) |
|
| * | Template ID (XOR with html) |
|
| — | Template variables |
|
| — | CSS styles |
|
| — | Width (1–4096, default 1080) |
|
| — | Height (1–4096, default 1080) |
|
| — | Output format |
|
| — | JPEG quality (1–100) |
|
| — | Device pixel ratio |
screenshot_url
"Screenshot https://example.com at 1440x900"
"Take a full-page screenshot of https://github.com"Parameter | Type | Required | Description |
|
| yes | URL to screenshot |
|
| — | Viewport width |
|
| — | Viewport height |
|
| — | Capture full page |
|
| — | Output format |
list_templates
"Show me xiaohongshu templates"
"Search templates for 'blog cover'"Parameter | Type | Description |
|
| Filter by platform |
|
| Filter by category |
|
| Search query |
|
| Results per page |
get_template
"Get details for template tpl_abc123"create_template
"Create a template named 'Blog Header' with this HTML and a title variable"Environment Variables
Variable | Required | Default | Description |
| yes | — | Your API key ( |
| no |
| API base URL |
License
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.3139 npmMIT
- AlicenseAqualityCmaintenanceCapture screenshots, generate PDFs, and render HTML to images via AI agents. Supports batch capture, geo-targeting, async webhooks, and CSS/JS injection.1154 npm7MIT

@rendershot/mcp-serverofficial
AlicenseAqualityDmaintenanceEnables AI agents to capture screenshots and generate PDFs from URLs or HTML via the Rendershot API.45 npm3MIT- AlicenseAqualityBmaintenanceScreenshot, 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