Bannerify について
Bannerifyは、クライアントからワークスペースのテンプレートを使って画像やPDFを作成したり、図形から画像を組み立てたりできるホスト型MCPサーバーです。Bannerifyでデザインを管理するユーザー向けで、ローカルへのサーバー導入は不要です。
主な機能
- 01ワークスペースのテンプレート一覧
- 02テンプレートとレイヤーの確認
- 03テンプレートの画像レンダリング
- 04テンプレートからPDFを生成
- 05図形から画像を作成
- 06OAuthサインイン
活用シーン
- 01テンプレートをPNG、JPEG、WebPにレンダリング
- 02請求書テンプレートからPDFを作成
- 03テンプレートを使わずバナー画像を作成
MCP 対応
ホスト型のStreamable HTTP MCPサーバーは、ワークスペースのテンプレートやプロジェクト情報の取得、画像・PDFの生成、図形からの画像作成ツールを公開します。認証には動的クライアント登録を使うOAuthを利用します。
設定
リモートサーバーはインストール不要です。クライアントを選んで設定をコピーするか、ワンクリックで導入できます。
https://api.bannerify.co/mcpclaude mcp add --transport http bannerify-bannerify https://api.bannerify.co/mcp{"mcpServers":{"bannerify-bannerify":{"type":"http","url":"https://api.bannerify.co/mcp"}}}Cursor で開く{"servers":{"bannerify-bannerify":{"type":"http","url":"https://api.bannerify.co/mcp"}}}VS Code で開く{"mcpServers":{"bannerify-bannerify":{"type":"http","url":"https://api.bannerify.co/mcp"}}}{"mcpServers":{"bannerify-bannerify":{"serverUrl":"https://api.bannerify.co/mcp"}}}コマンドはターミナルで実行し、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_template | 1 つのテンプレートとそのレイヤーを読み取ります |
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 枚の画像を生成できます。料金をご覧ください。
ドキュメント
サポート
コメント
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。