mcpField
R
Rendrkit

Rendrkit

ローカル
github.com/vbiffメディア・デザイン035 週間前に更新

Rendrkit について

Rendrkitは、RendrKit APIを通じてAIアシスタントがデザイン画像を生成できるMCPサーバーです。画像の詳細取得、ブランドキットの一覧表示、利用状況の確認にも対応します。

主な機能

  1. 01テキストプロンプトから画像を生成
  2. 02画像サイズとビジュアルスタイルを選択
  3. 03保存済みブランドキットを適用
  4. 04生成済み画像の詳細を取得
  5. 05ブランドキット一覧と利用状況の確認

活用シーン

  1. 01プロンプトからSNS用画像を作成
  2. 02指定サイズでバナーやサムネイルを生成
  3. 03保存済みブランドキットでデザインを統一
  4. 04画像生成の利用状況とプラン上限を確認

MCP 対応

MCPクライアントに、RendrKitの画像生成、画像検索、ブランドキット一覧、利用状況確認のツールを提供します。

設定

ローカルサーバーの設定はどのクライアントでも共通です。コピーしてクライアントの MCP 設定ファイルに貼り付けてください。

mcp.json · 共通設定
{
"mcpServers": {
"rendrkit": {
"command": "npx",
"args": [
"-y",
"@rendrkit/mcp"
],
"env": {
"RENDRKIT_API_KEY": "<RENDRKIT_API_KEY>"
}
}
}
}
起動コマンドnpx -y @rendrkit/mcp
設定が必要な環境変数
RENDRKIT_API_KEYシークレット

ローカルサーバーにはマシン上の実行環境(Node.js 18 以上など)が必要です。設定ファイルの場所はクライアントごとに異なります。

パッケージ
npm@rendrkit/mcp

ツール

ツール一覧はまだ取得されていません

ローカルサーバーのツールはマシン上で起動して初めて取得できます。メンテナーはまだツール一覧を提供していません。

詳細

README の画像

@rendrkit/mcp

RendrKit 用の MCP(Model Context Protocol)サーバーです。Claude Desktop や Cursor などの AI アシスタントが、RendrKit API を通じてプロがデザインした画像を生成できます。

インストール

Claude Desktop

Claude Desktop の設定ファイルに追加します(macOS の場合は ~/Library/Application Support/Claude/claude_desktop_config.json、Windows の場合は %APPDATA%\Claude\claude_desktop_config.json)。

{
  "mcpServers": {
    "rendrkit": {
      "command": "npx",
      "args": ["-y", "@rendrkit/mcp"],
      "env": {
        "RENDRKIT_API_KEY": "rk_your_api_key_here"
      }
    }
  }
}
Cursor

プロジェクトのルートにある .cursor/mcp.json に追加します。

{
  "mcpServers": {
    "rendrkit": {
      "command": "npx",
      "args": ["-y", "@rendrkit/mcp"],
      "env": {
        "RENDRKIT_API_KEY": "rk_your_api_key_here"
      }
    }
  }
}
Windsurf

Windsurf の MCP 設定ファイル(~/.codeium/windsurf/mcp_config.json)に追加します。

{
  "mcpServers": {
    "rendrkit": {
      "command": "npx",
      "args": ["-y", "@rendrkit/mcp"],
      "env": {
        "RENDRKIT_API_KEY": "rk_your_api_key_here"
      }
    }
  }
}

利用可能なツール

generate_image

テキストの説明から、プロがデザインした画像を生成します。整ったレイアウト、鮮明なテキスト、一貫したブランド表現を備えた、本番環境ですぐに使える画像を作成します。ソーシャルメディアの投稿、バナー、OG 画像、サムネイルなどに最適です。

パラメーター型必須説明
promptstringはい生成する画像の説明
sizestringいいえ画像のサイズ(例:1080x1080、1200x628、1280x720)
styleenumいいえビジュアルスタイル:modern、playful、corporate、dark、minimal、bold
brand_kit_idstringいいえ一貫したブランド表現に使用する、保存済みブランドキットの ID
get_image

以前に生成した画像の詳細を取得します。

パラメーター型必須説明
idstringはい画像 ID
list_brand_kits

保存済みのブランドキットをすべて一覧表示します。ブランドキットには、一貫した画像生成に使う色、フォント、ロゴが含まれます。パラメーターは不要です。

get_usage

今月生成した画像数やプランの上限など、現在の使用状況を確認します。パラメーターは不要です。

環境変数

変数必須デフォルト説明
RENDRKIT_API_KEYはい-RendrKit API キー(rk_ で始まります)
RENDRKIT_BASE_URLいいえhttps://api.rendrkit.devAPI のベース URL(セルフホストまたは開発用)

開発

# Build
npm run build

# Watch mode
npm run dev

ライセンス

MIT

コメント

MCP は初めてですか?

プロトコルの概要から最初のサーバーの導入まで、よくある疑問にまとめて答えます。

AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。