Skip to main content
Glama

@rendshot/mcp

RendShot 的 MCP 服务器 — 将 HTML 转图像渲染、URL 截图和模板管理作为工具暴露给 AI 智能体。

npm License

安装

npm install -g @rendshot/mcp

Related 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_..."
    }
  }
}

工具

工具

描述

generate_image

将 HTML/CSS 或模板渲染为图像

screenshot_url

对任意 URL 进行截图

list_templates

浏览已发布的模板并进行筛选

get_template

获取模板详情和变量定义

create_template

创建新的可重用模板

generate_image

将 HTML 渲染为图像,或使用带有变量的模板:

"Generate an image from this HTML: <h1>Hello World</h1>"
"Use template tpl_abc123 with title='Launch Day'"

参数

类型

必填

描述

html

string

*

要渲染的 HTML(与 template_id 二选一)

template_id

string

*

模板 ID(与 html 二选一)

variables

object

—

模板变量

css

string

—

CSS 样式

width

number

—

宽度(1–4096,默认 1080)

height

number

—

高度(1–4096,默认 1080)

format

png | jpg

—

输出格式

quality

number

—

JPEG 质量(1–100)

deviceScale

1 | 2 | 3

—

设备像素比

screenshot_url

"Screenshot https://example.com at 1440x900"
"Take a full-page screenshot of https://github.com"

参数

类型

必填

描述

url

string

是

要截图的 URL

width

number

—

视口宽度

height

number

—

视口高度

fullPage

boolean

—

截取整页

format

png | jpg

—

输出格式

list_templates

"Show me xiaohongshu templates"
"Search templates for 'blog cover'"

参数

类型

描述

platform

string

按平台筛选

category

string

按类别筛选

q

string

搜索查询

limit

number

每页结果数

get_template

"Get details for template tpl_abc123"

create_template

"Create a template named 'Blog Header' with this HTML and a title variable"

环境变量

变量

必填

默认值

描述

RENDSHOT_API_KEY

是

—

您的 API 密钥 (rs_live_...)

RENDSHOT_API_URL

否

https://api.rendshot.ai

API 基础 URL

许可证

MIT

Related MCP Connectors

Related MCP Servers