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とXOR) |
|
| * | テンプレートID (htmlとXOR) |
|
| — | テンプレート変数 |
|
| — | 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