メインコンテンツへスキップ
無料で始める

Model Context Protocol

AIチャットの中のDesignerBox

Claude、ChatGPT、Cursorを一度接続するだけ。AIチャットがあなたのテンプレート、ワークフロー、アプリを実行します。ブランドルールを読み取り、実行前に費用を表示します。

URLひとつの裏に75のMCPツール。ワークスペースの読み取りにクレジットはかかりません。

対応クライアントClaudeChatGPTCursorClaude CodeMCP Inspector
3商品、結果は各2点75のMCPツール
商品写真3枚から結果6点。このページの画像はすべてDesignerBoxで生成しています。
1

MCPサーバーのURLをコピー

このURLをAIクライアントに貼り付けます。

https://mcp.designerbox.ai/api
2

コネクターを追加

Claude DesktopまたはClaude.aiで、設定を開いてコネクターを選び、カスタムコネクターを追加をクリックし、名前をDesignerBoxにしてURLを貼り付けます。

ChatGPTで、設定を開いてコネクターを選び、開発者モードでコネクターを追加してURLを貼り付け、DesignerBoxのサインインを承認します。

CursorのMCP設定にDesignerBoxを追加し、エディターが求めたらサインインを承認します。

{ "mcpServers": { "designerbox": { "url": "https://mcp.designerbox.ai/api", "transport": "http" } } }

MCP InspectorにこのURLを指定し、Streamable HTTPを選び、ブラウザーの画面でサインインを承認します。

Claude Code、スクリプト、ビルドサーバーには、キーをベアラートークンとして送ります。APIキーはUltraプランで使えます。

POST https://mcp.designerbox.ai/api
Authorization: Bearer apikey_xxx
Content-Type: application/json
3

サインインして作業を依頼

DesignerBoxのサインインを一度承認します。クライアントは30日間有効なスコープ付きトークンを保持します。あとは普通の言葉で作業を頼むだけです。

毎回の呼び出しにキーを添えます。同じ75のMCPツールが応答し、ブラウザーでの手順はありません。

すべてのクライアントの手順を見たい場合 接続ページ

仕組み

AIチャットが実行できること

DesignerBoxで実行している作業を、普通の言葉で頼めます。

1つの作業

画像1枚、編集1回、クリップ1本。作業を伝えて写真を添えます。

ワークフロー

あなたが作ったワークフローを、ブランドと手順そのままで。各ステップがそれぞれの結果を返します。

アプリ

短いフォームの裏にあるワークフローです。チャットが項目を埋めて、実行を押します。

商品のリスト

貼り付けた行の数だけ、チャットが同じ作業を繰り返します。DesignerBoxのバッチは、表に対して同じことをします。

1段目はテンプレート。4段目はカタログ全体です。

作業

チャットから実行できる作業

1行コピーしてチャットに貼り付けます。各カードには、チャットが呼び出すMCPツールを載せています。

商品写真

背景の切り抜き

商品写真を1枚渡します。背景のない透明なPNGが返ります。

DesignerBoxで、この商品写真の背景を削除して、透明なPNGにしてください。
remove_background
商品写真

別のカメラアングル

写真を1枚渡します。同じ商品を新しいアングルで、同じ光のまま返します。

DesignerBoxで、この写真からこの商品の斜め45度のカットを作ってください。光と構図はそのままにしてください。
photo_angles
商品写真

フラットレイ

商品写真を数枚渡します。1枚のフラットレイの構図が返ります。

DesignerBoxで、この商品写真3枚から、温かみのあるリネンの上のフラットレイを真上から見た構図で作ってください。
flat_lay
商品写真

商品広告

商品写真を渡します。そのまま配信できる広告画像が返ります。

DesignerBoxで、この写真から有料SNS向けの商品広告を、縦位置で見出しを入れる余白付きで作ってください。
product_ad
ファッション

モデルが着た服

服の写真とモデルの写真を渡します。顔、体、ポーズはそのままです。

DesignerBoxで、この服をこのモデルの写真に着せてください。顔、ポーズ、背景はそのままにしてください。
virtual_try_on
ファッション

ファッション動画

着用写真を1枚渡します。服をそのまま保ったクリップが返ります。

DesignerBoxで、この着用写真からファッション動画を作ってください。ゆっくり1回転、服は変えないでください。
fashion_video
人物

肌のレタッチ

ポートレートを渡します。ポーズと背景を保ったまま、きれいな肌で返ります。

DesignerBoxで、このポートレートの肌をレタッチしてください。ポーズ、光、背景はそのままにしてください。
skin_retouch
人物

9ポーズのアバター

指示を渡します。同じ人物の9ポーズが返ります。

DesignerBoxで、アイボリーのリネンシャツを着た女性のアバターを、自然光でカメラを見ている状態で作ってください。
create_avatar
人物

話すプレゼンター

顔と台本、または自分の音声を渡します。リップシンクのクリップが返ります。

DesignerBoxで、この顔がこの台本を読む話すアバターを、温かみのある女性の声で作ってください。
talking_avatar
動画

商品動画

商品写真を1枚渡します。指定した動きの短いクリップが返ります。

DesignerBoxで、この商品写真を8秒のクリップにしてください。ゆっくり寄るカメラ、16:9で。
generate_video
動画

1本にまとめたクリップ

クリップを渡します。タイトル、音、仕上げの付いたMP4が1本返ります。

DesignerBoxで、このクリップ3本からクロスフェード、タイトルカード、音楽を入れた動画プロジェクトを作り、MP4にしてください。
create_video_project
編集

スタジオの光

平坦な写真を渡します。指定した光の下の同じカットが返ります。

DesignerBoxで、この写真を左からの柔らかいスタジオ光で、1段明るくライティングし直してください。
spotlight
編集

細部を保つ編集

画像と指示を1つ渡します。細部と解像度はそのままです。

DesignerBoxで、この瓶のラベルをマットブラックに変えてください。ほかはすべてそのままにしてください。
edit_image

実行するとクレジットを消費します。クライアントは呼び出しの前に確認を求めます。

ワークフロー

チャットから実行するワークフロー

ワークフローには、ブランド、商品、順番に並んだ手順が入っています。チャットはそれを実行し、新しく作り、同僚のためにアプリ版を動かせます。

あなたが作ったワークフロー

チャットがワークフローを一覧にして、指定したものを実行します。各ステップがそれぞれの結果を返すので、どこで失敗したかが分かります。

DesignerBoxで、私のワークフローを一覧にして、商品セットのワークフローをこの写真で実行し、各ステップを見せてください。

指示から作る新しいワークフロー

手順を一度説明します。チャットがワークフローをワークスペースに保存し、あなたや同僚がまた実行できます。

DesignerBoxで、背景を消して、商品をライティングし直し、シーンを3つ作るワークフローを組み、商品セットという名前で保存してください。

実行を最後まで追うアプリ

アプリはフォームの裏にあるワークフローです。チャットが項目を埋め、実行を始め、結果が届くまで追います。

DesignerBoxで、私の着用イメージのアプリをこのモデル写真とこの服の写真2枚で実行し、終わったら知らせてください。

入力

画像の入手元

自分の端末

チャットがファイル選択画面を開きます。写真はそのままAssetsに入り、すぐ使えます。

ワークスペース

デザイン、アセット、フォルダーはすべて名前で読み取れるので、すでにある作業から実行を始められます。

ストック写真

1回の検索でUnsplash、Pexels、Pixabayを対象にして、まとめて返します。

Figmaで作業中ですか。DesignerBoxのプラグインが、ファイルの横で同じ作業を実行します。 Figmaプラグイン

ブランド

チャットが読み取るブランドルール

チャットの開始時に、有効なブランドプロフィールが読み込まれます。ボイス、テーマ、業種です。ブランドを説明し直す必要はありません。

ロゴ、フォント、パレットはAssetsにあり、同じチャットから読み取れます。ワークフローは毎回の実行前にブランドの記録を読みます。

スタイルガイドを渡せば、チャットはブランドプロフィールを作成して既定にしたり、ワークスペースの既定のブランドプロフィールを更新したりできます。

1つのペットブランドの画像6点を、同じ見え方で。

費用と制御

費用、クレジット、権限

この分野で一番多い不満は請求です。チャットが使えるもの、使えないものをまとめます。

読み取りは無料

デザイン、ブランド、モデル、プランの読み取りにクレジットはかかりません。

実行前の価格

チャットは開始前に、各モデルの費用と残りのクレジットを読み取れます。

実行にかかった分

実行が終わるたびに、消費したクレジットを結果と同じ回答で報告します。

再試行でも課金は1回

5分以内の同じ呼び出しは、2回課金せずに最初の結果を返します。

中止と返還

アバターや動画の処理を実行中に止めると、クレジットは返還されます。

レシピはこちらに残る

テンプレートは名前で実行します。そのプロンプトは当社のサーバーで読み込まれ、チャットには渡しません。

リファレンス

75のMCPツール

URLひとつに75のMCPツール。読み取りにクレジットはかかりません。実行するとクレジットを消費し、クライアントが先に呼び出しを確認します。

ワークスペース

13
list_designs
新しい順のデザイン一覧。
get_design
1つのデザインの全情報。
delete_design
デザインを削除。実行前にクライアントが確認します。
search_designs
タイトルや内容からデザインを検索。
list_folders
ワークスペースの全フォルダー。
list_assets
追加した画像、動画、ファイル。
get_asset
1つのアセットのURL、サイズ、フォルダー。
delete_asset
Assetsから画像や動画を削除。
list_galleries
スキルを適用して作った画像。
list_whiteboards
あなたのホワイトボード。
get_whiteboard
1つのホワイトボードと内容。
list_conversations
DesignerBoxアプリ内のチャット。
get_conversation
1つのチャットと全履歴。

画像

12
generate_image
プロンプトから画像を約30秒で。
edit_image
画像の一部だけを変えて、ほかは保つ。
apply_image_template
写真を渡して、テンプレートを名前で実行。
generate_design
手元の画像にスキルを適用。
generate_cinema_studio
カメラ本体、レンズ、絞りを指定。
remove_background
商品の透明なPNG。
photo_angles
同じ商品の新しいカメラアングル。
spotlight
写真のライティング変更:方向、種類、明るさ、色。
flat_lay
複数の商品写真から1枚のフラットレイ。
product_ad
商品写真からの広告画像。
virtual_try_on
写真の人物が着た服。
skin_retouch
ポーズと背景を保った、きれいな肌。

動画

10
generate_video
プロンプトまたは画像1枚からのクリップ。
get_video_status
処理が終わった動画ファイル。
list_video_tasks
動画の処理と、その状態。
cancel_video_task
動画処理を止めてクレジットを返還。
fashion_video
服をそのまま保ったランウェイの動き。
styled_scene
都市、季節、時刻で決めるシーン。
create_video_project
タイムライン:クリップ、タイトル、音、仕上げ。
render_video_project
タイムラインを1本のMP4に。
get_video_render_status
タイムラインが仕上がったMP4。
delete_video_project
不要になったタイムラインを削除。

ワークフローとアプリ

11
run_pipeline
ワークフローを実行し、各ステップの結果を読む。
list_pipelines
ワークフローと、そのステップ数。
get_pipeline
1つのワークフローと、順番どおりのステップ。
create_pipeline
新しいワークフローをワークスペースに保存。
update_pipeline
手持ちのワークフローのステップを変更。
delete_pipeline
ワークスペースからワークフローを削除。
run_app
フォームの項目を埋めてアプリを実行。
get_app_run
実行の進み具合と、その結果。
list_community_workflows
ほかの人が公開したワークフロー。
get_community_workflow
公開ワークフロー1件の全内容。
create_design
Studioのデザインを最大20ページ保存。

ブランド

7
list_brand_profiles
チームの全ブランドプロフィール。
get_brand_profile
1つのブランドプロフィールの全内容。
update_brand_profile
既定のブランドの変更:ボイス、テーマ、業種。
create_brand_profile
ブランドプロフィールの作成:名前、ボイス、テーマ、業種。
set_default_brand_profile
チームの既定のブランドプロフィールを選択。
list_brand_assets
ロゴ、フォント、パレットのスウォッチ。
get_brand_asset
1つのブランドアセットの全内容。

人物

7
create_avatar
同じ人物の9ポーズ。
list_avatars
アバターの処理と、その状態。
get_avatar
1件のアバター処理と9枚の画像。
get_avatar_status
アバター処理の進み具合。
cancel_avatar_task
アバター処理を止めてクレジットを返還。
talking_avatar
台本や音声を読む顔。
get_talking_avatar_status
できあがったリップシンクのクリップ。

テンプレートと写真

6
list_image_templates
テンプレートのカタログ、検索できます。
get_image_template
1つのテンプレートのモデルとサイズ。
list_photo_packs
カテゴリー別のフォトパック。
get_photo_pack
1つのフォトパックと、中の画像。
search_stock_photos
Unsplash、Pexels、Pixabayを一度に検索。
list_skills
実行が画像に適用できるスキル。

モデル、プラン、ワークスペース

9
list_image_models
画像モデルと、それぞれの費用。
list_video_models
動画モデルと、長さと費用。
get_plan
プラン、更新日、通貨。
get_plan_limits
クレジット、ストレージ、上限。
list_teams
所属しているチーム。
set_current_team
チャットが使うチームを切り替え。
search_tools
目の前の作業に合うMCPツールを探す。
import_chat_image
メッセージに添付した画像をAssetsに保存します。
upload_asset
チャット内のファイル選択画面。ファイルはAssetsに入ります。

チャット開始時に読み込み

会話が始まるときにクライアントが読み取る、読み取り専用の記録5件です。承認の確認はありません。

designerbox://account/summary
プラン、今月の使用クレジット、ストレージ、デザインの数。
designerbox://brand-profiles/active
有効なブランドプロフィール:ボイス、テーマ、目標、ニッチ、業種。
designerbox://teams/current
このサインインが紐づくチーム。
designerbox://recent-designs
直近のデザイン10件を、タイトルとサムネイルで。
ui://upload-asset/widget.html
画像や動画をAssetsに追加する、チャット内のファイル選択画面。

実行が選べるモデル

チャットが各モデルの費用を読み取り、作業に合うものを選びます。自分でモデルを指定することもできます。

8画像モデル
13動画モデル

プラン

プラン、クレジット、API

ワークスペースの読み取りは、どのプランでも使えます。実行分はクレジットで支払います。月額で、USD、GBP、EURとも同じ数字です。

Free

サンプル製品で、1回ずつ実行できます。

Basic

画像にDesignerBoxの表示は付きません。1人用。

Pro

自分の商品写真、自分の指示、商用ライセンス。

Premium

動画、バーチャル試着、高解像度化、両方のエディター。

Ultra

5人、共有ブランドキット、ホワイトラベル、API。

質問

よく最初に聞かれること

接続、クレジット、チャットにできることへの短い答えです。

DesignerBox MCPサーバーとは何ですか?

DesignerBoxはModel Context Protocolのサーバーを1つのURLで動かしています。そのURLをClaude、ChatGPT、Cursorに追加して、一度サインインします。するとAIチャットに75のMCPツールが入ります。ワークスペースを読み取り、あなたのテンプレート、ワークフロー、アプリを実行し、ブランドに沿って画像と動画を作れます。インストールするものはありません。

どのAIクライアントで使えますか?

Claude Desktop、Claude.ai、Claude Code、Cursor、ChatGPT、MCP Inspector、そしてHTTPでMCPを話すほかのクライアントです。

何が作れますか?

商品写真、モデル着用のカット、フラットレイ、広告、9ポーズのアバター、話すプレゼンター、商品動画とファッション動画、そして動画のタイムラインから仕上げたMP4です。手元の画像を、解像度をそのまま保って編集することもできます。

AIチャットが確認なしにクレジットを使うことはありますか?

読み取りには何もかかりません。実行するとクレジットを消費し、クライアントが先に呼び出しの確認を求めます。実行が終わるたびに、消費したクレジットを報告します。5分以内の同じ呼び出しは2回課金せずに最初の結果を返し、中止したアバターや動画の処理は返還されます。

APIキーは必要ですか?

AIクライアントには不要です。Claude、ChatGPT、CursorはOAuthでサインインします。Claude Code、スクリプト、ビルドサーバーの場合は、アプリのアカウントからAPIキーを作り、ベアラートークンとして送ります。APIキーはUltraプランで使えます。

どのプランが必要ですか?

ワークスペースの読み取りは無料プランを含むすべてのプランで利用できます。実行にはクレジットを使い、各プランに月間の割り当てがあります。動画とバーチャル試着はPremiumから、商用ライセンスはProからです。各プランの内容は料金ページをご覧ください。

実行にはどれくらいかかりますか?

画像は約30秒で返ります。動画は非同期です。チャットが処理を送り、状態を確認し、ファイルを渡します。動画のタイムラインは、仕上がりまで1〜5分かかります。

1つの作業を多くの商品に実行できますか?

できます。チャットが貼り付けた行を1行ずつ繰り返し、各行の費用を伝えます。商品の表がある場合は、DesignerBoxのバッチが1つのワークフローを全行に実行し、結果を1つの画面で見せます。

私のブランドを把握していますか?

会話が始まるときに有効なブランドプロフィールが読み込まれ、ロゴ、フォント、パレットはAssetsから読み取れます。ワークフローは毎回の実行前にブランドの記録を読むので、ブランドは人が覚えておくものではなく、記録になります。

安全ですか?

サインインはOAuthなので、クライアントが持つのはスコープ付きトークンで、パスワードではありません。トークンの有効期間は30日で、アカウントから取り消せます。テンプレートのプロンプトは当社のサーバーに残ります。見えるのは、サインインしているチームだけです。

URLひとつで、ワークスペースをチャットに

Claude、ChatGPT、Cursorを3ステップで接続します。読み取りにクレジットはかからないので、何か実行する前に中を見られます。