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とXOR)

template_id

string

*

テンプレートID (htmlとXOR)

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