mcpField
L
Layerre

Layerre

リモート
layerre.comメディア・デザイン01 週間前に更新
リポジトリ公式サイト

Layerre について

Layerreは、Canvaのデザインを編集可能なテンプレートに変換し、画像やPDFのバリエーションを生成するMCPサーバーです。テンプレートのレイヤー管理や、データに基づく単体・一括出力に利用できます。

主な機能

  1. 01Canvaリンクからテンプレートを作成
  2. 02テンプレートレイヤーの読み取りと編集
  3. 03画像・PDFバリエーションのレンダリング
  4. 04単体または一括でバリエーションを作成
  5. 05リモートまたはローカルstdioで接続

活用シーン

  1. 01Canvaデザインを再利用可能なテンプレートに変換
  2. 02テンプレート内のテキストや画像レイヤーを変更
  3. 03複数のデータ向けにカスタム画像を生成

MCP 対応

MCPクライアントに、テンプレート管理、レイヤー編集、バリエーション生成などのLayerreツールを公開します。ブラウザーOAuthまたはAPIキーによるリモート接続と、ローカルstdioに対応します。

設定

リモートサーバーはインストール不要です。クライアントを選んで設定をコピーするか、ワンクリックで導入できます。

エンドポイントhttps://mcp.layerre.com/mcp
インストールコマンドをコピー
Claude CodeTerminal
Cursor.cursor/mcp.json
VS Code.vscode/mcp.json
Claude Desktopclaude_desktop_config.json
Windsurf~/.codeium/windsurf/mcp_config.json

コマンドはターミナルで実行し、JSON は各クライアントの MCP 設定に貼り付けて再起動します。認可が必要なサーバーは初回接続時にログインを求めます。

パッケージ
npm@layerre/mcp-server0.1.0

ツール

詳細

Layerre MCP サーバー

CI npm License: MIT

Layerre 用の Model Context Protocol サーバーです。 AI アシスタントで Canva のデザインを再利用可能なテンプレートに変換し、レイヤーを編集して、データから PNG/JPEG/WebP/PDF 画像をレンダリングできます。

ドキュメント:layerre.com/docs/mcp

機能

  • Canva の共有リンクを編集可能なテンプレートとしてインポート
  • テンプレートのレイヤー(テキスト、画像、位置、スタイル)を読み取り、更新
  • レイヤーごとの上書きを使って、画像/PDF のバリエーションを個別または一括で生成
  • ブラウザーで OAuth サインインできるリモートサーバー、または API キー/ローカルの stdio

クイックスタート

リモートサーバー(推奨)

エンドポイント:https://mcp.layerre.com/mcp(Streamable HTTP、OAuth 2.1 + PKCE)。

Cursor — ~/.cursor/mcp.json

{ "mcpServers": { "layerre": { "url": "https://mcp.layerre.com/mcp" } } }

Claude Code

claude mcp add --transport http layerre https://mcp.layerre.com/mcp

VS Code — .vscode/mcp.json

{ "servers": { "layerre": { "type": "http", "url": "https://mcp.layerre.com/mcp" } } }

Claude Desktop/Claude.ai — Settings → Connectors → Add custom connector → https://mcp.layerre.com/mcp

Windsurf — ~/.codeium/windsurf/mcp_config.json

{ "mcpServers": { "layerre": { "serverUrl": "https://mcp.layerre.com/mcp" } } }

クライアントでブラウザーウィンドウが開き、Layerre にサインインしてアクセスを許可できます。

API キー(ヘッドレス/CI)

Layerre ダッシュボード(Settings → API keys)でキーを作成してから、次を実行します。

{
  "mcpServers": {
    "layerre": {
      "url": "https://mcp.layerre.com/mcp",
      "headers": { "Authorization": "Bearer lyr_xxxxxxxx_xxxxxxxx" }
    }
  }
}
ローカル(stdio)
{
  "mcpServers": {
    "layerre": {
      "command": "npx",
      "args": ["-y", "@layerre/mcp-server"],
      "env": { "LAYERRE_API_KEY": "lyr_xxxxxxxx_xxxxxxxx" }
    }
  }
}

ツール

ツール説明種類
layerre_auth_status認証状態を確認読み取り
layerre_list_templatesテンプレートを一覧表示(タグで絞り込み、ページネーションに対応)読み取り
layerre_get_templateレイヤーを含むテンプレートを取得読み取り
layerre_list_template_tagsタグ/フォルダーを件数とともに一覧表示読み取り
layerre_create_templateCanva の共有 URL からテンプレートを作成書き込み
layerre_update_template名前、サイズ、背景、タグを更新書き込み
layerre_create_layerテキストまたは画像のレイヤーを追加書き込み
layerre_get_layerレイヤーを取得読み取り
layerre_update_layerレイヤーを更新書き込み
layerre_list_variants生成済みのバリエーションを一覧表示読み取り
layerre_get_variantバリエーションを取得読み取り
layerre_create_variant上書きを適用して画像/PDF を 1 つレンダリング書き込み
layerre_create_variants_bulk1 回の呼び出しで最大 25 個のバリエーションをレンダリング書き込み

プロンプトの例:

  • 「https://www.canva.com/design/... を social タグ付きの Layerre テンプレートとしてインポートしてください。」
  • 「タイトルを『Launch Day』に設定して、『Event Card』テンプレートの PNG を生成してください。」

開発

CONTRIBUTING.md を参照してください。

プライバシーとサポート

プライバシーポリシー · 利用規約 · [email protected]

ライセンス

MIT

コメント

MCP は初めてですか?

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

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