mcpField
B
Bannerify

Bannerify

リモート
bannerify.coメディア・デザイン03 日前に更新
リポジトリ公式サイト

Bannerify について

Bannerifyは、クライアントからワークスペースのテンプレートを使って画像やPDFを作成したり、図形から画像を組み立てたりできるホスト型MCPサーバーです。Bannerifyでデザインを管理するユーザー向けで、ローカルへのサーバー導入は不要です。

主な機能

  1. 01ワークスペースのテンプレート一覧
  2. 02テンプレートとレイヤーの確認
  3. 03テンプレートの画像レンダリング
  4. 04テンプレートからPDFを生成
  5. 05図形から画像を作成
  6. 06OAuthサインイン

活用シーン

  1. 01テンプレートをPNG、JPEG、WebPにレンダリング
  2. 02請求書テンプレートからPDFを作成
  3. 03テンプレートを使わずバナー画像を作成

MCP 対応

ホスト型のStreamable HTTP MCPサーバーは、ワークスペースのテンプレートやプロジェクト情報の取得、画像・PDFの生成、図形からの画像作成ツールを公開します。認証には動的クライアント登録を使うOAuthを利用します。

設定

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

エンドポイントhttps://api.bannerify.co/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 設定に貼り付けて再起動します。認可が必要なサーバーは初回接続時にログインを求めます。

ツール

詳細

Bannerify MCP サーバー

Bannerify は、https://api.bannerify.co/mcp でリモートのModel Context Protocolサーバーを運用しています。Claude、Cursor、VS Code、Codex などの MCP クライアントに接続すると、アシスタントが Bannerify のテンプレートから画像や PDF を生成できます。

このリポジトリには、セットアップ手順とレジストリのメタデータが含まれています。サーバーはホストされているため、インストールや実行は不要です。

  • トランスポート:Streamable HTTP
  • 認証:動的クライアント登録による OAuth。Bannerify にサインインし、同意ページでワークスペースを選択します。API キーを作成する必要はありません。
  • レジストリ名:io.github.bannerify/bannerify

ツール

ツール機能
list_templatesワークスペース内のテンプレートを一覧表示します。変更可能なレイヤーも任意で表示できます
get_template1 つのテンプレートとそのレイヤーを読み取ります
get_projectワークスペースの ID、名前、プラン、作成日を読み取ります
create_imageテンプレートを PNG、JPEG、または WebP としてレンダリングします
create_pdfテンプレートを PDF としてレンダリングし、リンクを返します
create_image_from_shapesテンプレートを使わず、シェイプから単発の画像を作成します

接続

Claude Code
claude mcp add --transport http bannerify https://api.bannerify.co/mcp

次に、Claude Code で /mcp を実行してサインインします。

Claude

Customize > Connectors を開き、+ Add をクリックしてから、Add custom connector を選択します。Bannerify と https://api.bannerify.co/mcp を入力します。

Cursor

.cursor/mcp.json:

{
  "mcpServers": {
    "bannerify": {
      "url": "https://api.bannerify.co/mcp"
    }
  }
}
VS Code

.vscode/mcp.json:

{
  "servers": {
    "bannerify": {
      "type": "http",
      "url": "https://api.bannerify.co/mcp"
    }
  }
}
Codex
codex mcp add bannerify --url https://api.bannerify.co/mcp
codex mcp login bannerify
その他のクライアント

https://api.bannerify.co/mcp を入力し、HTTP トランスポートと OAuth サインインを使用します。

リクエストの例

  • 「Bannerify のテンプレートを、それぞれのレイヤーとともに一覧表示してください。」
  • 「Lifecycle メールのテンプレートから PNG を作成してください。見出しを Welcome back に設定してください。」
  • 「Acme Studio 用に、請求書テンプレートから PDF を作成してください。」
  • 「暗い背景に Launch week というテキストを入れた、1200×630 のバナーをデザインしてください。」

制限

MCP クライアントからの生成は、REST API と同じプラン制限の対象になります。無料プランでは月に 100 枚の画像を生成できます。料金をご覧ください。

ドキュメント

サポート

[email protected]

コメント

MCP は初めてですか?

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

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