
背景の切り抜き
商品写真を1枚渡します。背景のない透明なPNGが返ります。
DesignerBoxで、この商品写真の背景を削除して、透明なPNGにしてください。
remove_background
商品写真







このURLをAIクライアントに貼り付けます。
https://mcp.designerbox.ai/apiClaude 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
DesignerBoxのサインインを一度承認します。クライアントは30日間有効なスコープ付きトークンを保持します。あとは普通の言葉で作業を頼むだけです。
毎回の呼び出しにキーを添えます。同じ75のMCPツールが応答し、ブラウザーでの手順はありません。
すべてのクライアントの手順を見たい場合 接続ページ
仕組み
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ポーズが返ります。
DesignerBoxで、アイボリーのリネンシャツを着た女性のアバターを、自然光でカメラを見ている状態で作ってください。
create_avatar
顔と台本、または自分の音声を渡します。リップシンクのクリップが返ります。
DesignerBoxで、この顔がこの台本を読む話すアバターを、温かみのある女性の声で作ってください。
talking_avatar
商品写真を1枚渡します。指定した動きの短いクリップが返ります。
DesignerBoxで、この商品写真を8秒のクリップにしてください。ゆっくり寄るカメラ、16:9で。
generate_video



クリップを渡します。タイトル、音、仕上げの付いた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にあり、同じチャットから読み取れます。ワークフローは毎回の実行前にブランドの記録を読みます。
スタイルガイドを渡せば、チャットはブランドプロフィールを作成して既定にしたり、ワークスペースの既定のブランドプロフィールを更新したりできます。






費用と制御
この分野で一番多い不満は請求です。チャットが使えるもの、使えないものをまとめます。
デザイン、ブランド、モデル、プランの読み取りにクレジットはかかりません。
チャットは開始前に、各モデルの費用と残りのクレジットを読み取れます。
実行が終わるたびに、消費したクレジットを結果と同じ回答で報告します。
5分以内の同じ呼び出しは、2回課金せずに最初の結果を返します。
アバターや動画の処理を実行中に止めると、クレジットは返還されます。
テンプレートは名前で実行します。そのプロンプトは当社のサーバーで読み込まれ、チャットには渡しません。
リファレンス
URLひとつに75のMCPツール。読み取りにクレジットはかかりません。実行するとクレジットを消費し、クライアントが先に呼び出しを確認します。
list_designsget_designdelete_designsearch_designslist_folderslist_assetsget_assetdelete_assetlist_gallerieslist_whiteboardsget_whiteboardlist_conversationsget_conversationgenerate_imageedit_imageapply_image_templategenerate_designgenerate_cinema_studioremove_backgroundphoto_anglesspotlightflat_layproduct_advirtual_try_onskin_retouchgenerate_videoget_video_statuslist_video_taskscancel_video_taskfashion_videostyled_scenecreate_video_projectrender_video_projectget_video_render_statusdelete_video_projectrun_pipelinelist_pipelinesget_pipelinecreate_pipelineupdate_pipelinedelete_pipelinerun_appget_app_runlist_community_workflowsget_community_workflowcreate_designlist_brand_profilesget_brand_profileupdate_brand_profilecreate_brand_profileset_default_brand_profilelist_brand_assetsget_brand_assetcreate_avatarlist_avatarsget_avatarget_avatar_statuscancel_avatar_tasktalking_avatarget_talking_avatar_statuslist_image_templatesget_image_templatelist_photo_packsget_photo_packsearch_stock_photoslist_skillslist_image_modelslist_video_modelsget_planget_plan_limitslist_teamsset_current_teamsearch_toolsimport_chat_imageupload_asset会話が始まるときにクライアントが読み取る、読み取り専用の記録5件です。承認の確認はありません。
DesignerBoxはModel Context Protocolのサーバーを1つのURLで動かしています。そのURLをClaude、ChatGPT、Cursorに追加して、一度サインインします。するとAIチャットに75のMCPツールが入ります。ワークスペースを読み取り、あなたのテンプレート、ワークフロー、アプリを実行し、ブランドに沿って画像と動画を作れます。インストールするものはありません。
Claude Desktop、Claude.ai、Claude Code、Cursor、ChatGPT、MCP Inspector、そしてHTTPでMCPを話すほかのクライアントです。
商品写真、モデル着用のカット、フラットレイ、広告、9ポーズのアバター、話すプレゼンター、商品動画とファッション動画、そして動画のタイムラインから仕上げたMP4です。手元の画像を、解像度をそのまま保って編集することもできます。
読み取りには何もかかりません。実行するとクレジットを消費し、クライアントが先に呼び出しの確認を求めます。実行が終わるたびに、消費したクレジットを報告します。5分以内の同じ呼び出しは2回課金せずに最初の結果を返し、中止したアバターや動画の処理は返還されます。
AIクライアントには不要です。Claude、ChatGPT、CursorはOAuthでサインインします。Claude Code、スクリプト、ビルドサーバーの場合は、アプリのアカウントからAPIキーを作り、ベアラートークンとして送ります。APIキーはUltraプランで使えます。
ワークスペースの読み取りは無料プランを含むすべてのプランで利用できます。実行にはクレジットを使い、各プランに月間の割り当てがあります。動画とバーチャル試着はPremiumから、商用ライセンスはProからです。各プランの内容は料金ページをご覧ください。
画像は約30秒で返ります。動画は非同期です。チャットが処理を送り、状態を確認し、ファイルを渡します。動画のタイムラインは、仕上がりまで1〜5分かかります。
できます。チャットが貼り付けた行を1行ずつ繰り返し、各行の費用を伝えます。商品の表がある場合は、DesignerBoxのバッチが1つのワークフローを全行に実行し、結果を1つの画面で見せます。
会話が始まるときに有効なブランドプロフィールが読み込まれ、ロゴ、フォント、パレットはAssetsから読み取れます。ワークフローは毎回の実行前にブランドの記録を読むので、ブランドは人が覚えておくものではなく、記録になります。
サインインはOAuthなので、クライアントが持つのはスコープ付きトークンで、パスワードではありません。トークンの有効期間は30日で、アカウントから取り消せます。テンプレートのプロンプトは当社のサーバーに残ります。見えるのは、サインインしているチームだけです。